如何使用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>