如果找不到图像-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未定义，我必须加载/显示默认图像img/avatar.png

Answer 1

这应该有效：

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

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。希望这可以有所帮助。