如果找不到图像，则替换为默认图像 - AngularJS

Question

在AngularJS中，检查和显示图像路径未定义的最佳条件是什么？我尝试了以下方式：

HTML:
<div ng-src="{{imageUrl}}" == "null" || src="img/avatar.png" >

CONTROLLER:
$scope.imageUrl="125.178.1.127/uploads/image" +$scope.imageName;

如果$scope.imageName未定义，则需要加载/显示默认图片。

- forgottofly

---

可能是重复的问题：如果ngSrc路径解析为404，是否有一种方法回退到默认值？ - Josh C.

但是我的条件没有解析为404。相反，它变成了未定义的。 - forgottofly

Answer 1

这应该可以运行：

<div ng-src="{{imageName ? imageUrl : 'img/avatar.png'}}">

- Bazinga

Answer 2

我使用Angular Image Fallback模块，它完美地工作！只需将fallback-src和loading-src放置到图像标签中即可。

在你的模块中：

angular.module('starter', ['dcbImgFallback'])

在你的HTML中：

<img ng-src="your image path" fallback-src="your image default" loading-src="your image loading">

这个也适用于ng-repeat。希望这可以帮助。

- Farid Suryanto