Как использовать тернарный оператор angular.js и html5?

Question

Как я могу показать угловое отображение HTML-кода для отображения изображения флага только в том случае, если переменная, содержащая имя флага, не пуста. Имя флага находится в поле column.field ng-grid.

Приведенный ниже код не работает правильно:

var CellTemplate = '<div>{{row.getProperty(col.field)? "<img ng-src=\'images/country/flag_{{row.getProperty(col.field)}}.gif\' />" : ""}}</div>'; 

Результат отображения так: {{row.getProperty (col.field)? "flag picture": ""}}

Answer 1

Вы не можете поместить html в выражения {{}}. Эти выражения поддерживают только текст.

Попробуйте использовать ng-if:

<div ng-if="row.getProperty(col.field)"> 
     <img ng-src='images/countryflag_{{row.getProperty(col.field)}}.gif' /> 
</div>