blocks|key|109140|text|我建议您可以使用Angular+UI+Utils+'if+statement‘指令来解决您的问题，就像在http://angular-ui.github.io/中找到的那样。我刚刚用它做了完全相同的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|109141|这是未经测试的，但您可以这样做：|109142|控制器代码：|109143|$scope.showImage+=+function+()+{
++++if+(value1+&&+value2+&&+value3+&&+value4)+{+
++++++++return+true;
++++}+else+{
++++++++return+false;
++++}
};|code-block|syntax|javascript|109144|(或更简单)|109145|$scope.showImage+=+function+()+{
++++return+value1+&&+value2+&&+value3+&&+value4;
};|109146|视图中的HTML：<img+ui-if="showImage()"+ng-src="images/{{data.value}}.jpg"+/>|style|CODE|109147|或者更简单，你可以只使用一个作用域属性：|109148|109149|$scope.showImage+=+value1+&&+value2+&&+value3+&&+value4;|109150|视图中的HTML：<img+ui-if="showImage"+ng-src="images/{{data.value}}.jpg"+/>|109151|对于占位符图像，只需添加另一个类似的<img>标记，但在ui-if参数前添加一个感叹号(!)，并使ngSrc具有该占位符图像的路径，或者像普通的ol一样使用src标记。|109152|例如：<img+ui-if="!showImage"+src="images/placeholder.jpg"+/>|109153|显然，上面的所有代码示例都假设，当4条信息中的每一条都不完整时，value1、value2、value3和value4中的每一条都将等于null+/+false+(因此，当它们完成时也等于布尔值true+)。|109154|PS。AngularUI项目最近被分成了子项目，而ui-if的文档目前似乎还没有(虽然它可能在包中的某个地方)。然而，正如你所见，它的使用非常简单，我也在Angular+UI项目上记录了一个Github‘问题’，向团队指出了这一点。|109155|更新:+AngularUI项目中缺少'ui-if‘，因为它已经集成到核心AngularJS代码中！但仅限于v1.1.x，目前被标记为“不稳定”。|109156|entityMap|0|LINK|mutability|MUTABLE|url|http://angular-ui.github.io/^0|1G|S|0|0|0|0|0|0|0|9|1Q|0|0|0|0|9|1O|0|I|5|S|5|18|1|26|3|0|3|1J|0|1W|4|23|5|2P|4|0|P|5|0|0^^$0|@$1|2|3|4|5|6|7|1J|8|@]|9|@$A|1K|B|1L|1|1M]]|C|$]]|$1|D|3|E|5|6|7|1N|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1O|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1P|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|1Q|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|1R|8|@]|9|@]|C|$K|L]]|$1|Q|3|R|5|6|7|1S|8|@$A|1T|B|1U|S|T]]|9|@]|C|$]]|$1|U|3|V|5|6|7|1V|8|@]|9|@]|C|$]]|$1|W|3|G|5|6|7|1W|8|@]|9|@]|C|$]]|$1|X|3|Y|5|J|7|1X|8|@]|9|@]|C|$K|L]]|$1|Z|3|10|5|6|7|1Y|8|@$A|1Z|B|20|S|T]]|9|@]|C|$]]|$1|11|3|12|5|6|7|21|8|@$A|22|B|23|S|T]|$A|24|B|25|S|T]|$A|26|B|27|S|T]|$A|28|B|29|S|T]]|9|@]|C|$]]|$1|13|3|14|5|6|7|2A|8|@$A|2B|B|2C|S|T]]|9|@]|C|$]]|$1|15|3|16|5|6|7|2D|8|@$A|2E|B|2F|S|T]|$A|2G|B|2H|S|T]|$A|2I|B|2J|S|T]]|9|@]|C|$]]|$1|17|3|18|5|6|7|2K|8|@$A|2L|B|2M|S|T]]|9|@]|C|$]]|$1|19|3|1A|5|6|7|2N|8|@]|9|@]|C|$]]|$1|1B|3|-4|5|6|7|2O|8|@]|9|@]|C|$]]]|1C|$1D|$5|1E|1F|1G|C|$1H|1I]]]]

I suggest that you might like to use the Angular UI Utils 'if statement' directive to solve your problem, as found at <a href="http://angular-ui.github.io/" rel="nofollow">http://angular-ui.github.io/</a>. I have just used it to do exactly the same thing.

This is untested, but you could do something like:

Controller code:

<pre><code>$scope.showImage = function () {
 if (value1 &amp;&amp; value2 &amp;&amp; value3 &amp;&amp; value4) { 
 return true;
 } else {
 return false;
 }
};
</code></pre>

(or simpler)

<pre><code>$scope.showImage = function () {
 return value1 &amp;&amp; value2 &amp;&amp; value3 &amp;&amp; value4;
};
</code></pre>

HTML in View: <code>&lt;img ui-if="showImage()" ng-src="images/{{data.value}}.jpg" /&gt;</code>

Or even simpler, you could just use a scope property:

Controller code:

<pre><code>$scope.showImage = value1 &amp;&amp; value2 &amp;&amp; value3 &amp;&amp; value4;
</code></pre>

HTML in View: <code>&lt;img ui-if="showImage" ng-src="images/{{data.value}}.jpg" /&gt;</code>

For a placeholder image, just add another similar <code>&lt;img&gt;</code> tag but prepend your <code>ui-if</code> parameter with an exclamation (<code>!</code>) mark, and either make ngSrc have the path to the placeholder image, or just use a <code>src</code> tag as per normal ol' HTML.

eg. <code>&lt;img ui-if="!showImage" src="images/placeholder.jpg" /&gt;</code>

Obviously, all of the above code samples are assuming that each of value1, value2, value3 and value4 will equate to <code>null</code> / <code>false</code> when each of your 4 pieces of information are incomplete (and thus also to a boolean value of <code>true</code> when they are complete).

PS. The AngularUI project has recently been broken in to sub-projects, and the documentation for <code>ui-if</code> seems to be missing currently (it's probably in the package somewhere though). However, it is pretty straightforward to use as you can see, and I have logged a Github 'issue' on the Angular UI project to point it out to the team too. 

UPDATE: 'ui-if' is missing from the AngularUI project because it's been integrated in to the core AngularJS code! Only as of v1.1.x though, which is currently marked as 'unstable'.

blocks|key|326459|text|这是一个非常简单的指令，可以观察加载图像和替换src时出现的错误。(Plunker)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|326460|Html：|326461|<img+ng-src="smiley.png"+err-src="http://google.com/favicon.ico"+/>|code-block|syntax|javascript|326462|Javascript：|326463|var+app+=+angular.module("MyApp",+[]);

app.directive('errSrc',+function()+{
++return+{
++++link:+function(scope,+element,+attrs)+{
++++++element.bind('error',+function()+{
++++++++if+(attrs.src+!=+attrs.errSrc)+{
++++++++++attrs.$set('src',+attrs.errSrc);
++++++++}
++++++});
++++}
++}
});|326464|如果要在ngSrc为空时显示错误图像，可以添加此(Plunker)|326465|attrs.$observe('ngSrc',+function(value)+{
++if+(!value+&&+attrs.errSrc)+{
++++attrs.$set('src',+attrs.errSrc);
++}
});|326466|问题是，如果值为空，ngSrc不会更新src属性。|326467|entityMap|0|LINK|mutability|MUTABLE|url|http://plnkr.co/edit/wC1W0oay5lwPDLMD46gP?p=preview|1|http://plnkr.co/edit/KGvqfvKA5n979mu6BJT2?p=preview^0|X|9|0|0|0|0|0|0|O|9|1|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@$A|15|B|16|1|17]]|C|$]]|$1|D|3|E|5|6|7|18|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|19|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1B|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|Q|3|R|5|H|7|1G|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1H|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1I|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]|12|$5|X|Y|Z|C|$10|13]]]]

It's a pretty simple directive to watch for an error loading an image and to replace the src. <a href="http://plnkr.co/edit/wC1W0oay5lwPDLMD46gP?p=preview" rel="noreferrer">(Plunker)</a>

Html:

<pre><code>&lt;img ng-src="smiley.png" err-src="http://google.com/favicon.ico" /&gt;
</code></pre>

Javascript:

<pre><code>var app = angular.module("MyApp", []);

app.directive('errSrc', function() {
 return {
 link: function(scope, element, attrs) {
 element.bind('error', function() {
 if (attrs.src != attrs.errSrc) {
 attrs.$set('src', attrs.errSrc);
 }
 });
 }
 }
});
</code></pre>

If you want to display the error image when ngSrc is blank you can add this <a href="http://plnkr.co/edit/KGvqfvKA5n979mu6BJT2?p=preview" rel="noreferrer">(Plunker)</a>:

<pre><code>attrs.$observe('ngSrc', function(value) {
 if (!value &amp;&amp; attrs.errSrc) {
 attrs.$set('src', attrs.errSrc);
 }
});
</code></pre>

The problem is that ngSrc doesn't update the src attribute if the value is blank.

blocks|key|326487|text|要扩展Jason解决方案以捕获加载错误或空源字符串的两种情况，我们只需添加一个监视。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|326488|Html：|326489|<img+ng-src="smiley.png"+err-src="http://google.com/favicon.ico"+/>|code-block|syntax|javascript|326490|Javascript：|326491|var+app+=+angular.module("MyApp",+[]);

app.directive('errSrc',+function()+{
++return+{
++++link:+function(scope,+element,+attrs)+{

++++++var+watcher+=+scope.$watch(function()+{
++++++++++return+attrs['ngSrc'];
++++++++},+function+(value)+{
++++++++++if+(!value)+{
++++++++++++element.attr('src',+attrs.errSrc);++
++++++++++}
++++++});

++++++element.bind('error',+function()+{
++++++++element.attr('src',+attrs.errSrc);
++++++});

++++++//unsubscribe+on+success
++++++element.bind('load',+watcher);

++++}
++}
});|326492|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

To expand Jason solution to catch both cases of a loading error or an empty source string, we can just add a watch.

Html:

<pre><code>&lt;img ng-src="smiley.png" err-src="http://google.com/favicon.ico" /&gt;
</code></pre>

Javascript:

<pre><code>var app = angular.module("MyApp", []);

app.directive('errSrc', function() {
 return {
 link: function(scope, element, attrs) {

 var watcher = scope.$watch(function() {
 return attrs['ngSrc'];
 }, function (value) {
 if (!value) {
 element.attr('src', attrs.errSrc); 
 }
 });

 element.bind('error', function() {
 element.attr('src', attrs.errSrc);
 });

 //unsubscribe on success
 element.bind('load', watcher);

 }
 }
});
</code></pre>

blocks|key|109270|text|我使用类似这样的东西，但它假定team.logo是有效的。如果"team.logo“未设置或为空，则强制使用默认值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109271|<img+ng-if="team.logo"+ng-src="https://api.example.com/images/{{team.logo}}">
<img+ng-hide="team.logo"+ng-src="img/default.png">|code-block|syntax|javascript|109272|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use something like this, but it assumes that team.logo is valid. It forces default if "team.logo" isn't set or is empty. 

<pre><code>&lt;img ng-if="team.logo" ng-src="https://api.example.com/images/{{team.logo}}"&gt;
&lt;img ng-hide="team.logo" ng-src="img/default.png"&gt;
</code></pre>

blocks|key|326555|text|如果image是404，或者image是null、空，那么您可以简单地使用ng-src+filter，如下所示:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|326556|<img+ng-src="{{+p.image+%7C%7C+'img/no-image.png'+}}"+/>|code-block|syntax|javascript|326557|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If image is 404 or image is null empty whatever there is no need for directives you can simply use ng-src filter like this :)

<pre><code>&lt;img ng-src="{{ p.image || 'img/no-image.png' }}" /&gt;
</code></pre>

blocks|key|109327|text|这是我想出的一个使用原生javascript的解决方案。我正在检查图像是否损坏，然后添加一个类到图像中，以防万一，并更改源代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109328|我的部分答案来自Quora+answer+http://www.quora.com/How-do-I-use-JavaScript-to-find-if-an-image-is-broken|offset|length|109329|app.directive('imageErrorDirective',+function+()+{
++++return+{
++++++++restrict:+'A',
++++++++link:+function+(scope,+element,+attrs)+{
++++++++++++element[0].onerror+=+function+()+{
++++++++++++++++element[0].className+=+element[0].className+%2B+"+image-error";
++++++++++++++++element[0].src+=+'http://img3.wikia.nocookie.net/__cb20140329055736/pokemon/images/c/c9/702Dedenne.png';
++++++++++++};
++++++++}
++++}
});|code-block|syntax|javascript|109330|entityMap|0|LINK|mutability|MUTABLE|url|http://www.quora.com/How-do-I-use-JavaScript-to-find-if-an-image-is-broken^0|0|L|22|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Here's a solution I came up with using native javascript. I'm checking if the image is broken then adding a class to the image just in case and changing the source.

I got part of my answer from a Quora answer <a href="http://www.quora.com/How-do-I-use-JavaScript-to-find-if-an-image-is-broken" rel="nofollow">http://www.quora.com/How-do-I-use-JavaScript-to-find-if-an-image-is-broken</a>

<pre><code>app.directive('imageErrorDirective', function () {
 return {
 restrict: 'A',
 link: function (scope, element, attrs) {
 element[0].onerror = function () {
 element[0].className = element[0].className + " image-error";
 element[0].src = 'http://img3.wikia.nocookie.net/__cb20140329055736/pokemon/images/c/c9/702Dedenne.png';
 };
 }
 }
});
</code></pre>

blocks|key|326598|text|App.directive('checkImage',+function+($q)+{
++++return+{
++++++++restrict:+'A',
++++++++link:+function+(scope,+element,+attrs)+{
++++++++++++attrs.$observe('ngSrc',+function+(ngSrc)+{
++++++++++++++++var+deferred+=+$q.defer();
++++++++++++++++var+image+=+new+Image();
++++++++++++++++image.onerror+=+function+()+{
++++++++++++++++++++deferred.resolve(false);
++++++++++++++++++++element.attr('src',+BASE_URL+%2B+'/assets/images/default_photo.png');+//+set+default+image
++++++++++++++++};
++++++++++++++++image.onload+=+function+()+{
++++++++++++++++++++deferred.resolve(true);
++++++++++++++++};
++++++++++++++++image.src+=+ngSrc;
++++++++++++++++return+deferred.promise;
++++++++++++});
++++++++}
++++};
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|326599|在HTML中：|unstyled|326600|<img+class="img-circle"+check-image+ng-src="{{item.profileImg}}"+/>|326601|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>App.directive('checkImage', function ($q) {
 return {
 restrict: 'A',
 link: function (scope, element, attrs) {
 attrs.$observe('ngSrc', function (ngSrc) {
 var deferred = $q.defer();
 var image = new Image();
 image.onerror = function () {
 deferred.resolve(false);
 element.attr('src', BASE_URL + '/assets/images/default_photo.png'); // set default image
 };
 image.onload = function () {
 deferred.resolve(true);
 };
 image.src = ngSrc;
 return deferred.promise;
 });
 }
 };
});
</code></pre>

in HTML : 

<pre class="lang-html prettyprint-override"><code>&lt;img class="img-circle" check-image ng-src="{{item.profileImg}}" /&gt;
</code></pre>

blocks|key|109383|text|想出了我自己的解决方案。如果src或ngSrc为空，以及img返回404时，它都会替换图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109384|(+@Darren解决方案的分支)|109385|directive('img',+function+()+{
return+{
++++restrict:+'E',++++++++
++++link:+function+(scope,+element,+attrs)+{+++
++++++++if((('ngSrc'+in+attrs)+&&+typeof(attrs['ngSrc'])==='undefined')+%7C%7C+(('src'+in+attrs)+&&+typeof(attrs['src'])==='undefined'))+{
++++++++++++(function+()+{
++++++++++++++++replaceImg();
++++++++++++})();
++++++++};
++++++++element.error(function+()+{
++++++++++++replaceImg();
++++++++});

++++++++function+replaceImg()+{
++++++++++++var+w+=+element.width();
++++++++++++var+h+=+element.height();
++++++++++++//+using+20+here+because+it+seems+even+a+missing+image+will+have+~18px+width+
++++++++++++//+after+this+error+function+has+been+called
++++++++++++if+(w+<=+20)+{+w+=+100;+}
++++++++++++if+(h+<=+20)+{+h+=+100;+}
++++++++++++var+url+=+'http://placehold.it/'+%2B+w+%2B+'x'+%2B+h+%2B+'/cccccc/ffffff&text=No+image';
++++++++++++element.prop('src',+url);
++++++++}
++++}
}
});|code-block|syntax|javascript|109386|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Came up with my own solution.
It replaces image both if src or ngSrc is empty, and if img returns 404.

(fork of @Darren solution)

<pre><code>directive('img', function () {
return {
 restrict: 'E', 
 link: function (scope, element, attrs) { 
 if((('ngSrc' in attrs) &amp;&amp; typeof(attrs['ngSrc'])==='undefined') || (('src' in attrs) &amp;&amp; typeof(attrs['src'])==='undefined')) {
 (function () {
 replaceImg();
 })();
 };
 element.error(function () {
 replaceImg();
 });

 function replaceImg() {
 var w = element.width();
 var h = element.height();
 // using 20 here because it seems even a missing image will have ~18px width 
 // after this error function has been called
 if (w &lt;= 20) { w = 100; }
 if (h &lt;= 20) { h = 100; }
 var url = 'http://placehold.it/' + w + 'x' + h + '/cccccc/ffffff&amp;text=No image';
 element.prop('src', url);
 }
 }
}
});
</code></pre>

blocks|key|326697|text|你不需要angular，甚至不需要CSS或JS。如果你愿意，你可以将这个答案(链接)封装在一个简单的指令中，让它变得更简单，但这是一个非常简单的过程……只需将其封装在对象标记中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|326698|How+to+hide+image+broken+Icon+using+only+CSS/HTML+(without+js)|offset|length|326699|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/22051573/how-to-hide-image-broken-icon-using-only-css-html-without-js/29111371#29111371^0|0|0|1Q|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

You don't need angular for that, or even CSS or JS. If you want, you can wrap this answer (linked) in a simple directive to make it simpler, like or something, but it's a pretty simple process... just wrap it in an object tag...

<a href="https://stackoverflow.com/questions/22051573/how-to-hide-image-broken-icon-using-only-css-html-without-js/29111371#29111371">How to hide image broken Icon using only CSS/HTML (without js)</a>

blocks|key|109453|text|这将只允许循环两次，以检查ng-src是否不存在，否则使用err-src，这将防止继续循环。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109454|(function+()+{
++++'use+strict';
++++angular.module('pilierApp').directive('errSrc',+errSrc);

++++function+errSrc()+{
++++++++return+{
++++++++++++link:+function(scope,+element,+attrs)+{
+++++++++++++element.error(function+()+{
++++++++++++++++//+to+prevent+looping+error+check+if+src+==+ngSrc
++++++++++++++++if+(element.prop('src')==attrs.ngSrc){
+++++++++++++++++++++//stop+loop+here
+++++++++++++++++++++element.prop('src',+attrs.errSrc);
++++++++++++++++}++++++++++++++
++++++++++++});
++++++++++++}
++++++++}
++++}
})();|code-block|syntax|javascript|109455|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This will allow only to loop twice, to check if the ng-src doesn't exist else use the err-src, this prevents the continues looping.

<pre><code>(function () {
 'use strict';
 angular.module('pilierApp').directive('errSrc', errSrc);

 function errSrc() {
 return {
 link: function(scope, element, attrs) {
 element.error(function () {
 // to prevent looping error check if src == ngSrc
 if (element.prop('src')==attrs.ngSrc){
 //stop loop here
 element.prop('src', attrs.errSrc);
 } 
 });
 }
 }
 }
})();
</code></pre>

The application I'm building requires my user to set 4 pieces of information before this image even has a chance of loading. This image is the center-piece of the application, so the broken image link makes it look like the whole thing is borked. I'd like to have another image take its place on a 404.

Any ideas? I'd like to avoid writing a custom directive for this.

I was surprised that I couldn't find a similar question, especially when the first question in the docs is the same one!

<a href="http://docs.angularjs.org/api/ng.directive:ngSrc">http://docs.angularjs.org/api/ng.directive:ngSrc</a>

if a ngSrc path resolves to a 404, is there a way to fallback to a default?

我正在构建的应用程序要求我的用户在加载此图像之前设置4条信息。这个图像是应用程序的中心部分，所以断开的图像链接让它看起来像是整个事情都被篡改了。我想在404上用另一个图像代替它。有什么想法吗？我希望避免为此编写自定义指令。我很惊讶我找不到类似的问题，特别是当文档中的第一个问题是同一个问题的时候！

问如果ngSrc路径解析为404，是否有方法回退到默认值？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果ngSrc路径解析为404，是否有方法回退到默认值？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果ngSrc路径解析为404，是否有方法回退到默认值？
EN