Handlebars条件类属性

Question

使用EmberJS / Handlebars，只有条件为真时，如何才能向元素添加类？

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

像这样，但更少的伪代码和更多的现实。

Answer 1

不推荐使用 {{bind-attr}}。 您可以在Ember 1.10及更高版本中使用新的更好的绑定属性语法 ，如下所示：

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

Answer 2

您必须使用布尔条件的{{bind-attr}}帮助器，您可以阅读有关此内容的指南 。

在您的情况下，如果isSearching属性位于控制器中，您可以执行以下操作：

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

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

Answer 3

这不起作用，因为{{#if}}帮助程序将在HTML中创建标记。 改为：

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