ngSrc

概要

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

この書き方はバグになります。

<img src="http://www.gravatar.com/avatar/{{hash}}"/>

正しい書き方は下記の通りです。

<img ng-src="http://www.gravatar.com/avatar/{{hash}}"/>

使用方法

<IMG ng-src="{template}">
   ...
</IMG>

引数

引数 説明
ngSrc

型:テンプレート

{{}}マークアップを含むことが可能な文字列。

 Back to top

© 2017 Google
Licensed under the Creative Commons Attribution License 3.0.

このページは、ページトップのリンク先のAngularJS公式ドキュメント内のページを翻訳した内容を基に構成されています。 下記の項目を確認し、必要に応じて公式のドキュメントをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • AngularJSの更新頻度が高いため、元のコンテンツと比べてドキュメントの情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報やより分かり易くするための追記を行っている事があります。