いくつかの製品画像を表示する次のコードがあるとします。
<ul>
<li ng-repeat="p in products">
<img ng-src="/images/{{p.img}}"/>
</li>
</ul>
残念ながら、一部の製品に画像がない場合は、次の方法で修正できます。
<ul>
<li ng-repeat="p in products">
<img ng-hide="p.img==undefined" ng-src="/images/{{p.img}}"/>
</li>
</ul>
次に、firebug または chrome 開発者ツールの「ネットワーク」タブに移動し、画像のダウンロードを確認します。ブラウザが存在しない画像をダウンロードしようとしたため、エラーが表示されます。それは隠されているのでユーザーは気づきませんが、もちろん悪いことです: 悪い習慣、サーバーのパフォーマンスに悪い、悪い悪い悪い...
これに対する正しい「角度」ソリューションは何ですか?