「src」属性のAngularJSバインド<img>タグ

Question

には多くのrowsがあり、マウスが行をホバリングしているときに右上に表示されるプレビュー画像が各行に表示されます。

これは私がsrc属性にURLのバインディングAngularJSで画像タグを入れる方法です：

<img src="{{imageUrl}}"/> 

しかし、コンソールに次のエラーがあります：

（が見つかりませんでしたhttp://localhost/#/imageUrl404をGET ）

ブラウザの短所でこのエラーを取り除く方法オレ？

Answer 1

角度がimgのために、独自のディレクティブを持っているが、ng-srcと呼ばれる：

<img ng-src="{{imageUrl}}"/> 

Answer 2

あなたの<img>タグにng-src代わりのsrcを使用する必要があります。

ドキュメントは{{ハッシュ}} src属性に正しく動作しないように角度マークアップを使用して、

次のように述べています。ブラウザは、リテラルテキストとURLから取得します{{ハッシュ}} Angularが{{hash}}内の式を置き換えるまでngSrc指令はこの問題を解決します。

https://docs.angularjs.org/api/ng/directive/ngSrc

この情報がお役に立てば幸い！