Javascript 如何使用三元运算符angular.js和html5？

如何告诉angular显示html代码以仅在包含标志名称的变量不为空时显示标志图片。标志的名称位于ng网格的column.field中

以下代码无法正常工作：

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

var CellTemplate='{{row.getProperty（col.field）？“”：“}}”；

---

结果如下所示：{{row.getProperty（col.field）-“flag picture”：“}}

您不能将html放入

{}

视图表达式中。这些表达式只支持文本

如果出现以下情况，请尝试使用

ng：

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


您能提供JSFIDLE吗？您正在以字符串形式传递整个操作。你应该像在普通JS中那样做