6435


AngularJS1.3.0にて

[code]

    <div ng-repeat="hoge in list">
      <img src="{{hoge.img}}">
    </div>
    
[/code]

のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。  
この場合にデフォルトの画像をセットするような処理は可能でしょうか？

JQueryを使った場合ですと

[code]

        $('img').error(function() {
            $(this).attr({
                src: 'img/default.jpg'
            });
        });
    
[/code]

のような記述で何とか出来そうなのはわかったのですが、AngularJS記法で  
うまいことできないかなと思い質問させてもらいました。  
directiveを使えばイベント取得が出来るようなことが書いてあった気がするのですが  
サンプルが出来れば欲しいのでよろしくお願いします。


CC BY-SA 3.0
2015-02-13T06:40:58.653
6432
2015-02-13T07:00:34.123
7852
question
javascript angularjs
AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい


本家stackoverflowで同じ様な質問がありコード付きで返答がありましたのでそちらを参照してはいかがでしょうか？

<https://stackoverflow.com/a/17122325/1349258>

**Demo**  
<http://plnkr.co/edit/b05WtghBOHkxKdttZ8q5?p=preview>


CC BY-SA 3.0
2015-02-13T07:00:34.123
6435
2015-02-13T07:00:34.123
2017-05-23T12:38:55.307
-1
4733
6432
answer