如果找不到图像，则替换为默认图像-angularjs答案

【问题标题】：Replace with default image if image not found -angularjs如果找不到图像，则替换为默认图像-angularjs
【发布时间】：2015-06-03 11:53:45
【问题描述】：

如果图像路径在 AngularJS 中未定义，检查和显示的最佳条件可能是什么。我试过这样：

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

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

如果 $scope.imageName 未定义，我必须加载/显示默认图像 img/avatar.png

【问题讨论】：

【解决方案1】：

这应该可行：

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

【讨论】：

【解决方案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。希望这能有所帮助。

【讨论】：