angularjs - AngularJS: img src 属性の 404 エラーを防ぐ

Question

動画のサムネイルを読み込みたい

<img src="http://www.dailymotion.com/thumbnail/video/{{video.id}}">

しかし、AngularJS が読み込まれるまで、404 エラーが発生します。

GET http://www.dailymotion.com/thumbnail/video/%7B%7Bvideo.id%7D%7D 404 (見つかりません)

大したことではありませんが、解決したいと思います。

Answer 1

使用する必要があります。そうしng-srcないと、画像の URL が文字通り解決されます。ビデオのようなものhttp://www.dailymotion.com/thumbnail/video/4は存在しますが、リテラル文字列は存在しませんhttp://www.dailymotion.com/thumbnail/video/{{video.id}}

img ng-src の動作を示す jsfiddleを作成しました。Firebug のネットワーク タブで、404 エラーが発生していないことがわかります。