如何在 Jade 之上的 Handlebars.js 模板中使用 Ember.js {{action}}答案

【问题标题】：How to use Ember.js {{action}} in Handlebars.js templates on top of Jade如何在 Jade 之上的 Handlebars.js 模板中使用 Ember.js {{action}}
【发布时间】：2012-07-26 04:59:01
【问题描述】：

我正在将 Ember.js 和 Handlebars.js 用于我目前正在进行的项目。服务器端是 Node.js + express，我使用 Jade 模板引擎。

现在，每当我想将动作绑定到 DOM 元素时，我都会使用 Ember.js 的 {{action}} 属性。目前，这就是我的代码在 Jade 中的样子：

script(type='text/x-handlebars', data-template-name='frontpage')
  div.logo(''='{{action goToFrontpage}}')

上述确实有效，但是，''='{{action goToFrontpage}}' 部分似乎有些骇人听闻。

还有其他方法吗？将 Ember.js、Handlebars.js 和 Jade 结合起来可能是最佳实践？

【问题讨论】：

我得出的结论是，也许在 Jade 中使用常规 HTML 是可行的方法。因此，答案是写<div {{action GoToFrontpage}} class="logo"></div>，因为 Jade 也支持常规 HTML。
将此评论添加为答案并接受它然后:)

标签： node.js express ember.js pug handlebars.js

【解决方案1】：

有时在 Jade 中只使用 html 会更好。

<div {{action GoToFrontpage}} class="logo"></div>

另一个我经常看到的例子是强标签。

 .stuff
   | This is an
   strong important
   | message.

你可以这样写

 .stuff This is an <strong>important</strong> message.

我发现第二个更具可读性和简洁性。

【讨论】：