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

Question

仅当包含标志名称的变量不为空时，我如何才能告诉 Angular 显示 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)? "标记图片": ""}}

Answer 1

您不能将 html 放在 {{}} View 表达式中。这些表达式仅支持文本。

尝试使用 ng-if:

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