gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 16:37:06 25 4
gpt4 key购买 nike

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

最佳答案

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

尝试使用 ng-if:

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

关于javascript - angular.js 和 html5 如何使用三元运算符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32569378/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com