如何使用Ternary Operator angular.js和html5？

Question

如何判断角度，只有当包含标志名称的变量不为空时，才显示html代码才能显示标志图片。该标志的名称在ng-grid的column.field中。

下面的代码不能正常工作：

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>