angularjs - 检查 img-src 是否存在 angular

Question

我想要一个简单的确定图像源是否存在，以便我可以用默认图像替换图像。最好的情况是，如果这在纯 html 中可能使用“ng-if”或类似的东西。

<img ng-if="../images/{{id}}.png"  src="../images/{{id}}.png">

这段代码显然行不通，但我认为它显示了我想要的。

编辑:

我得到的新代码，我认为它可以工作，但不起作用:

<img ng-src='{{ "../images/{{id}}.png" || "../images/img.png" }}'/>

在这种情况下，调试器会说一些错误的引号。

编辑:

我认为第二个解决方案可行，这部分只有一些错误:

<img ng-src='{{"../images/{{id}}.png"}}'/>

这部分工作:

<img ng-src='{{"../images/img.png"}}'/>

Answer 1

你可以使用onerror，这里有一个demo。

<img ng-src="http://experenzia.com/images/431f5cfa87f2faf9317ccc89e980dcca/431f5cfa87f2faf9317ccc89e980dcca_t.jpg" onerror="this.src='http://www.experenzia.com/assets/images/planner/no-image-back.png'" alt="" >