angularjs - 在个人资料图像上使用 AngularJS 的三元运算

Question

我正在做项目。在个人资料图片中，所有来源均取自服务器。当个人资料图片为空时，我很难显示默认用户图片，否则显示用户上传的图片。

我在尝试 ：

<img ng-src="{{rec.ProfilePic=='null' ? '~/img/UserDefault.png' :'{{rec.ProfilePic'}}"
     class="img-thumbnail img-fluid"
     style="border: 1px solid #ddd;margin-bottom:20px"
     alt="profile photo" />

之后不会显示任何图像。

当我想如果图像显示时我会这样做：

<img ng-src="*path*/canvas_cnv1636941291475872489.jpg" alt=""
     class="btn-md custpro"
     onclick="RenewContract(this)" data-id="5"
     src="*path*/mh-images-local/canvas_cnv1636941291475872489.jpg">`

当没有图像显示的网址是：

<img ng-src="*Url*/" alt="" class="btn-md custpro"
     onclick="RenewContract(this)" data-id="6" src="*Url*/">

标签： angularjsasp.net-mvc

Answer 1

要么用这个

 <img ng-src="{{ imageUrl == null ? defaultImageUrl : imageUrl }}" >

或者

 <img ng-src="{{ ! imageUrl ? defaultImageUrl : imageUrl }}" >

您正在尝试比较null=='null'