javascript - 带 ember 的 Handlebars 模板中的条件数据属性

Question

我在 Ember.js 中遇到了这个应该很简单的问题。基于 bool 属性，我想选择是否设置数据属性。这非常适合类属性，我可以使用属性设置数据属性(因此在本例中 {{bind-attr data-toggle="label"}} 有效)。

<a href="#" {{bind-attr class="hasContent:dropdown-toggle"}} {{bind-attr data-toggle="hasContent:dropdown"}}>
    {{label}}
    {{#if hasContent}}<b class="caret"></b>{{/if}}
</a>

最快/最干净的解决方案是什么？我的模板中的对象只是一个 Ember.object。我正在使用 Ember 1.5 和 Handlebars :1.2.1

Answer 1

你为什么不这样做

{{#if hasContent}}
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
        {{label}}<b class="caret"></b>
    </a>
{{else}}
    <a href="#">{{label}}</a>
{{/if}}