AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい
AngularJS1.3.0にて
<div ng-repeat="hoge in list">
<img src="{{hoge.img}}">
</div>
のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。
この場合にデフォルトの画像をセットするような処理は可能でしょうか?
JQueryを使った場合ですと
$('img').error(function() {
$(this).attr({
src: 'img/default.jpg'
});
});
のような記述で何とか出来そうなのはわかったのですが、AngularJS記法で
うまいことできないかなと思い質問させてもらいました。
directiveを使えばイベント取得が出来るようなことが書いてあった気がするのですが
サンプルが出来れば欲しいのでよろしくお願いします。