检查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" }}'/> 

调试了一些关于在这种情况下错误的报价。

编辑：

我认为第二个解决方案工作中，只有这部分的一些bug：

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