检查img-src是否存在角度

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，这是一个演示。

<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="" >