Используя EmberJS/Handlebars, как я могу добавить класс к элементу, только если условие истинно?
<div {{#if isSearching}}class="foo"{{/if}}></div>
Подобно этому, но меньше псевдокода и больше реальности.
Атрибуты условного класса ручек
Ответ 1
Это не сработает, потому что помощник {{#if}} создаст теги в вашем HTML. Сделайте это вместо:
<div {{bind-attr class="isSearching:foo"}}></div>
Ответ 2
{{bind-attr}} устарел. Вы можете использовать новый гораздо более приятный синтаксис атрибутов атрибутов в Ember 1.10 и выше, например:
<div class="{{if isSearching 'foo'}}"></div>
Ответ 3
Вы должны использовать вспомогательный {{bind-attr}} с логическим условием, вы можете прочитать руководство об этом.
В вашем случае, если свойство isSearching находится в контроллере, вы можете просто сделать следующее:
<div {{bind-attr class="isSearching:foo"}}></div>
Вы можете увидеть весь код в этой скрипте: http://jsfiddle.net/NQKvy/240/