因此,我尝试根据包含全部或部分单词的属性来使图标成为其中之一,如下面的代码所示。
如果它包含“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。
最佳答案
<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=...
,我认为它需要双花括号({{.. .}}
) 以便执行表达式
关于javascript - 基于JSON属性的Angular img切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35613440/