javascript - 基于JSON属性的Angular img切换

Question

因此，我尝试根据包含全部或部分单词的属性来使图标成为其中之一，如下面的代码所示。

如果它包含“Health Care”或“Health Care .....”，它会从一个路径抓取图像，否则，它会从另一条路径抓取图像。似乎我会将其嵌入 ng-show 中，但似乎无法使我的语法正确或不知道如何组合 img 标签。

你们知道这是怎么做到的吗？我现在的代码是:

<div class="col-md-2 oeCol">
    <img ng-show="benefit.benefitName('Health Care') ? src='ppt/assets/beneTiles/HealthCare.svg' : src='ppt/assets/beneTiles/DayCareFSA.svg' ">
</div>

我目前根本没有得到任何 img。

Answer 1

<div class="col-md-2 oeCol">
    <img ng-src="{{benefit.benefitName('Health Care') ? 'ppt/assets/beneTiles/HealthCare.svg' : 'ppt/assets/beneTiles/DayCareFSA.svg'}}">
</div>

使用ng-src并且只指定路径，而不是src=...，我认为它需要双花括号({{.. .}}) 以便执行表达式