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

标签 javascript html angularjs json image

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

如果它包含“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/

相关文章:

javascript - 图像在 document.ready 处没有宽度

javascript - Angular 更新所有 Controller 中的全局变量

node.js - Angular.JS + Jade = Angular不处理jade的嵌入iframe

javascript - 如何在嵌套级别不受限制的情况下显示对象的动态嵌套子数组对象

javascript - 消除对象数组的重复 javascript

javascript - 未捕获的语法错误 : Unexpected token <

javascript - AJAX 内容和浏览器导航按钮

html - 如何绝对定位未知宽度的DIV

javascript - Jquery 附加 <tr> 到表意外关闭 <tr> 标签

javascript - 如何在angularjs中执行路由