Javascript 基于JSON属性的角度img开关
因此,我试图让一个图标是一个或另一个基于包含单词的全部或部分的属性,如下面的代码所示 如果它包含“Health Care”或“Health Care…”,它将从一条路径获取图像,否则,它将从另一条路径获取图像。似乎我会将其嵌入到ng show中,但似乎无法获得正确的语法或其他信息,也不确定如何组合img标记 你们知道这是怎么做到的吗?我现在的代码是:Javascript 基于JSON属性的角度img开关,javascript,html,angularjs,json,image,Javascript,Html,Angularjs,Json,Image,因此,我试图让一个图标是一个或另一个基于包含单词的全部或部分的属性,如下面的代码所示 如果它包含“Health Care”或“Health Care…”,它将从一条路径获取图像,否则,它将从另一条路径获取图像。似乎我会将其嵌入到ng show中,但似乎无法获得正确的语法或其他信息,也不确定如何组合img标记 你们知道这是怎么做到的吗?我现在的代码是: <div class="col-md-2 oeCol"> <img ng-show="benefit.benefitNa
<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>
使用
ngsrc
并仅指定路径,而不是src=…
,我认为它需要双卷曲({…}
),以便执行表达式ngshow
仅返回一个布尔值,指示节点是否应显示。因此,包含在ng show
中的src
属性作为布尔检查的一部分被吞没。您应该能够尝试ngsrc
,并在那里输出路径以显示图像。理想情况下,用于切换src的逻辑将从视图中提取出来并放入控制器(或指令)。但是,如果没有,您也可以添加两个
另外,请查看Billy Moon发布的关于检查dom本身中json属性的内容
希望有帮助。这是ng src不是ng showGood thinking Billy,没有想到ng src。这就是说,它似乎应该像你拥有的那样工作,但事实并非如此。还有其他想法吗?好的,这里需要的是我需要这个“benefit.benefitName('Health Care')”成为“benefit.benefitName=='Health Care'”,因为另一种方式使它看起来像调用一个函数。
<div ng-controller="MyController as ctrl">
<img ng-src="ctrl.source()" />
</div>