Как сравнить значения для таблицы перекодировки в шаблоне Ember

Question

Идея заключается в том, чтобы быть в состоянии выполнить что-то похожее на это:

{{ #each color in colors }} 
    <li class="{{if car.color==color 'selected' " > </li> 
{{/each}} 

Я отдаю себе отчет в том, что политика компании Ember не иметь логику в шаблонах, тем не менее, эта (простая) проблема мне не ответила после дневного поиска.

Answer 1

Построить компонент, добавить логику в компонент как вычисленное свойство.

Действительно скучный пример: http://emberjs.jsbin.com/conijumego/1/edit

Вы также можете использовать needs и itemController.

Еще один скучный пример: http://emberjs.jsbin.com/taluwuquli/1/edit?html,js,output

Answer 2

Используйте classNameBindings на уголек компоненте:

«Если значение связанного свойства является строкой, то значение будет добавлено как имя класса без изменений» Ember Component Docs

Working JSBin Demo

В демоверсии я определяю значение для имени класса для компонента внутри шаблона, но, как вы можете видеть в компоненте js, значение может быть получено из любого места, т. Е. Данных модели, массива, объявленного в компоненте и т. Д. Нет необходимости в контроллере элементов. В любом случае этот подход не рекомендуется. Нам рекомендуется держаться подальше от контроллеров, чтобы иметь ясный путь обновления до Ember 2.0.