使用带有AngularJs数据绑定的三元运算符显示图像

Question

我正在尝试使用angular.js三元运算符来显示图像，我想知道是否有办法实现以下内容

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

Answer 1

我假设你的路径有误，因为它们是相同的，所以我将使用ico_no.png代替其中一个案例。

您可以使用三元运算符（Angular＆gt; = 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">