使用变量作为图像时，AngularJS可能会产生404错误

Question

<img lass="img-circle" src="{{p.CharmType | enumCharmUrl}}">

当在角度上面有一个图像时，如果在该变量不可用的短暂时刻，则会抛出错误，并且它会在站点控制台中抛出此错误。

http://localhost:2087/%7B%7Bp.CharmType%20%7C%20enumCharmUrl%7D%7D 404错误

在此网址可用之前，避免这种情况发生的最佳方法是什么。

由于

Answer 1

使用src的ng-src INSTEAD

同样适用于href

使用ng-href INSTEAD of href

只要src或href中有表达式

，这就适用

表达式是双花括号中的位：）

Answer 2

只需使用ng-src代替src：

<img lass="img-circle" ng-src="{{p.CharmType | enumCharmUrl}}">

ngSrc