angularjs - {{}} が src 属性で機能しないのはなぜですか? なぜ ngSrc が必要なのですか?

Question

これは機能します：

<a href="{{myAwesomeLink}}">It's a link. A dynamic one, at that.</a>

しかし、これはしません:

<img src="{{URLtoMyPerfectImage}}">

ngSrc代わりに使用する必要があります。なぜこれが事実なのか、私は知っていますか？「src」(または「href」だったか覚えていません) を Handlebars.js で動作させるのに同様の問題があり、それをあきらめました (配信のプレッシャー)。

これはブラウザ全体の問題ですか、それとも同様の問題ですか?

Answer 1

ドキュメントにはこれが記載されています

src 属性で {{hash}} のような Angular マークアップを使用すると正しく動作しません。ブラウザは、Angular が {{hash}} 内の式を置き換えるまで、リテラル テキスト {{hash}} を使用して URL から取得します。ngSrc ディレクティブはこの問題を解決します。

慎重に考えると、html への JavaScript データバインディングは html DOM がロードされた後に発生するため、ブラウザは最初の src を{{url}}有効な URL 文字列として認識し、失敗します。