17

使用 EmberJS/Handlebars,只有在条件为真的情况下,我才能将类添加到元素中?

<div {{#if isSearching}}class="foo"{{/if}}></div>

就像那样,但更少的伪代码和更多的现实。

4

3 回答 3

53

{{bind-attr}} 已弃用。您可以在 Ember 1.10 及更高版本中使用新的更好的绑定属性语法,如下所示:

<div class="{{if isSearching 'foo'}}"></div>    
于 2015-07-09T12:41:34.490 回答
9

您必须使用{{bind-attr}}带有布尔条件的助手,您可以阅读有关此的指南

在您的情况下,如果 isSearching 属性在控制器中,您可以执行以下操作:

<div {{bind-attr class="isSearching:foo"}}></div>

你可以在这个小提琴中看到整个代码:http: //jsfiddle.net/NQKvy/240/

于 2013-09-24T22:05:06.253 回答
7

那是行不通的,因为{{#if}}助手会在你的 HTML 中创建标签。改为这样做:

<div {{bind-attr class="isSearching:foo"}}></div>
于 2013-09-24T22:04:55.850 回答