Improve this Doc View Source ngSrcset

  1. directive in module ng

Overview

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

The buggy way to write it:

<img srcset="http://www.gravatar.com/avatar/{{hash}} 2x" alt="Description"/>

The correct way to write it:

<img ng-srcset="http://www.gravatar.com/avatar/{{hash}} 2x" alt="Description" />

Directive Info

  • This directive executes at priority level 99.

Usage

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

Arguments

Param Type Details
ngSrcset template

any string which can contain {{}} markup.

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