1

Ember.js のドキュメントでは、属性をブール値にバインドできると記載されています。ただし、以下のいずれかを使用しようとして値が false の場合、提供されたクラス名は適用されません。

<div {{bindAttr class="isEnabled:enabled:disabled"}}> Warning! </div>

<div {{bindAttr class="isEnabled::disabled"}}> Warning! </div>

この機能は利用できなくなりましたか?

4

1 に答える 1

6

この機能は引き続き機能しており、非推奨ではありません。

あなたがそれを機能させることができない場合、私はそれがビューのプロパティであると推測するためだと思いますisEnabledが、ビューのレンダリングコンテキストが変更されたため、次のように記述する必要があります:

<div {{bindAttr class="view.isEnabled:enabled:disabled">Warning!</div>

View context changes gistを読むことをお勧めします。

コード：

App = Ember.Application.create();

App.FooView = Ember.View.extend({
    templateName: "foo-template"
});​

テンプレート:

<script type="text/x-handlebars">
    The disabled view:
    {{view App.FooView isEnabled=false}}
    <br />
    The enabled view:
    {{view App.FooView isEnabled=true}}
</script>

<script type="text/x-handlebars" data-template-name="foo-template">
    <span {{bindAttr class="view.isEnabled:enabled:disabled"}}>A div</span>
</script>​

JSFiddleはここにあります。

于 2012-10-16T08:56:23.900 に答える