私は、以下のようにページが読み込まれた後、私はimgタグにsrc属性を参照してくださいしかし、とき<img class="testClass" ng-src="{{ImagePath}}" alt="{{imageName}}" />ng-srcはimageタグにsrc属性も追加しますか？
のような画像のための角度のコードを持っていました。
<img class="testClass" ng-src="/files/imageName_1.jpg" alt="Image 1" src="/files/imageName_1.jpg">
ので、角度デフォルトでは、同様src属性を追加しますか？私たちは、出力画像上の要素を検査した場合
jsfiddle、我々は両方のNG-srcおよびSRC属性を見ることができます。
はい、angularは、すべての有効なng- *指示文に適切なHTMLタグの属性を追加します。
基本的に、要素に「ng-src」を追加します。 angleがHTMLの解析を開始し、 'ng-src'属性を検出すると、登録された 'ngSrc'ディレクティブを見つけようとするとそのディレクティブを見つけようとし、そのディレクティブのロジックがsrcタグを追加します。 AngularJSのウェブサイトから
：AngularJSを使用して
は{{}}ハッシュのようなマークアップsrc属性では正しく動作しません：ブラウザはリテラルテキスト{{}}ハッシュとURLから取得しますAngularJSが{{hash}}内の式を置き換えるまで。 ngSrc指令はこの問題を解決します。
それを書くためのバギー方法：
<img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>それを書くための正しい方法：
<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />
はい、AngularJSが有効ngのための適切なHTMLタグ属性を追加します - *指令。 AngularJsは常にdirectiveをhtmlタグに変換します。
はい、角度実装とドキュメントが表示されるように、角度はng-src属性とともにimgタグにsrc属性を追加します