Условно изменить 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, а не в шаблоне ...
Все предложения приветствуются. Благодарю.
прошу прощения за любые опечатки