2

現在取り組んでいるプロジェクトに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を組み合わせる場合のベストプラクティスはおそらくありますか？

4

1 に答える 1

7

Jadeでhtmlを使用する方が良い場合もあります。

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

私がよく目にするもう1つの例は、強力なタグです。

 .stuff
   | This is an
   strong important
   | message.

あなたはこれを書くことができます

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

私は2番目の方がずっと読みやすく簡潔だと思います。

于 2012-07-29T12:38:54.477 に答える