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

Question

我正在将 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 结合起来可能是最佳实践？

Answer 1

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

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

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

 .stuff
   | This is an
   strong important
   | message.

你可以写这个

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

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