Атрибуты условного класса ручек

Используя EmberJS/Handlebars, как я могу добавить класс к элементу, только если условие истинно?

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

Подобно этому, но меньше псевдокода и больше реальности.

Это не сработает, потому что помощник {{#if}} создаст теги в вашем HTML. Сделайте это вместо:

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

{{bind-attr}} устарел. Вы можете использовать новый гораздо более приятный синтаксис атрибутов атрибутов в Ember 1.10 и выше, например:

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

Вы должны использовать вспомогательный {{bind-attr}} с логическим условием, вы можете прочитать руководство об этом.

В вашем случае, если свойство isSearching находится в контроллере, вы можете просто сделать следующее:

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

Вы можете увидеть весь код в этой скрипте: http://jsfiddle.net/NQKvy/240/