ngSrc (directive)

Improve this Doc View Source ngSrc

  1. directive in module ng

Using Angular markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}. The ngSrc directive solves this problem.

The buggy way to write it:

<img src="http://www.gravatar.com/avatar/{{hash}}" rel="external nofollow"  rel="external nofollow"  alt="Description"/>

The correct way to write it:

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" rel="external nofollow"  rel="external nofollow"  alt="Description" />

Directive Info

  • This directive executes at priority level 99.

Usage

  • as attribute:
    <IMG
      ng-src="template">
    ...
    </IMG>

Arguments

Param Type Details
ngSrc template

any string which can contain {{}} markup.

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.5.11/docs/api/ng/directive/ngSrc

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部