2012-02-29 20 views
12

静的クラスを既に持つビューに動的クラスを追加するにはどうすればよいですか?静的クラスを持つビューに動的クラスを追加する

http://jsfiddle.net/MBmUs/4/

+1

[Ember.js Handlebarsテンプレートでは、静的クラス属性と動的クラス属性の両方を持つ方法がありますか?](http://stackoverflow.com/questions/8807783/in-an-ember- js-handlebars-template-there-a-way-to-have-both-static-and-dynamic) – Rajat

答えて

13

我々は最近、エンバーにこの機能を追加しました。 0.9.6がリリースされた後、ビルドオフマスターで、または、あなたが行うことができます:

<div {{bindAttr class="App.foo:a-bound-class :a-static-class"}}></div> 
+0

ありがとうございました。それはかなり甘い。私はこの機能を痛感していました。 – Rajat

+2

静的クラスに複数のクラスを追加するにはどうすればよいですか? – NkS

+1

複数の静的クラスを追加したい場合は、上記のようなコロンを前置する必要があります。{{bindAttr class = "App.foo:a-bound-class:a-static-class: another-static-class "}} – mlienau

0

HTMLBars

エンバー-CLIで
<div class="{{dynamicAttr}} staticAttr"> 
    <!-- content --> 
</div> 
1

は、あなただけのクラス内で直接それをレンダリングすることができます:これは私のためにどのような作品です

{{#each items as |item|}} 
    <div class="static-class {{item.class}}"> 
     <!-- content --> 
    </div> 
{{/each}} 
関連する問題