文章/答案/技术大牛

发布

社区首页 >问答首页 >用AngularJs数据绑定三值算子显示图像

问用AngularJs数据绑定三值算子显示图像
EN

Stack Overflow用户

提问于 2016-05-05 01:41:46

回答 1查看 5.4K关注 0票数 3

我试图使用angular.js三元操作符来显示图像，我想知道是否有一种方法可以实现如下所示

{{enquiry.buyer_email ? <img ng-src="/images/ico_yes.png"> : <img ng-src="/images/ico_no.png"> }}

回答已采纳

发布于 2016-05-05 01:51:14

我假设您的路径中有一个错误，因为它们是相同的，所以我将在其中一个情况下使用ico_no.png。

您可以使用三元操作符(角>= 1.1.5)这样做：

<img ng-src="{{enquiry.buyer_email ? '/images/ico_yes.png' : '/images/ico_no.png'}}">

或者类似于二进制运算符的东西：

<img ng-src="{{enquiry.buyer_email && '/images/ico_yes.png' || '/images/ico_no.png'}}">

或者你可以使用ng-show

<img ng-src="/images/ico_yes.png" ng-show="enquiry.buyer_email">
<img ng-src="/images/ico_no.png" ng-show="!enquiry.buyer_email">

票数 10

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37040943

复制

相似问题

问用AngularJs数据绑定三值算子显示图像EN