如何在Jade頂部的Handlebars.js模板中使用Ember.js {{action}}

我正在使用Ember.js和Handlebars.js來處理當前正在處理的項目。服務器端是Node.js + express，我使用Jade模板引擎。如何在Jade頂部的Handlebars.js模板中使用Ember.js {{action}}

現在，無論何時我想將動作綁定到DOM元素，我都會使用Ember.js的{{action}}屬性。目前，這是我的代碼看起來是在玉：

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

以上確實工作，然而，''='{{action goToFrontpage}}'部分似乎有點hackish的。

有沒有其他方式做到這一點？將Ember.js，Handlebars.js和Jade結合起來也許是最佳做法？

我得出的結論是，也許在Jade中使用普通的HTML是一種可行的方式。因此，答案將是編寫'

'，因爲Jade也支持常規的HTML。 – 2012-07-27 13:53:30

添加此評論作爲答案並接受它:) – 2012-07-27 14:23:36

有時候最好在Jade中使用html。

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

另一個我看到很多的例子是強標籤。

.stuff 
    | This is an 
    strong important 
    | message.

你可以這樣寫

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

我找到第二個了很多更具可讀性和簡潔。

2012-07-29 12:38:54 Pickels

回答