Условно изменить IMG SRC на основе данных модели

Я хочу представить данные модели в виде разных изображений, используя Angular, но у меня возникли проблемы с поиском "право" способ сделать это. УгловойAPI документы по выражениям говорят, что условные выражения недопустимы ...

Упрощенно, данные модели извлекаются через AJAX и показывают состояние каждого интерфейса на маршрутизаторе. Что-то вроде:

$scope.interfaces = ["UP", "DOWN", "UP", "UP", "UP", "UP", "DOWN"]

Итак, в Angular мы можем отображать состояние каждого интерфейса примерно так:


  {{interface}}

НО - вместо значений из модели яЯ хотел бы показать подходящее изображение. Что-то после этой общей идеи.


  
    {{if interface=="UP"}}
       <img src="green-checkmark.png">
    {{else}}
       <img src="big-black-X.png">
    {{/if}}

(Я думаю, что Ember поддерживает этот тип конструкции)

Конечно, я мог бы модифицировать контроллер так, чтобы он возвращал URL изображений на основе фактических данных модели, но это, кажется, нарушает разделение модели и представления, не так ли?

Это ТАК выложить предложил использовать директиву для изменения источника bg-img. Но затем мы вернемся к размещению URL в JS, а не в шаблоне ...

Все предложения приветствуются. Благодарю.

прошу прощения за любые опечатки

Ответы на вопрос(5)

Ваш ответ на вопрос