AngularJS: API: ng/directive/ngSrcset


  1. - directive in module ng

Using Angular markup like {{hash}} in a srcset 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 ngSrcset directive solves this problem.

The buggy way to write it:

<img srcset="{{hash}} 2x"/>

The correct way to write it:

<img ng-srcset="{{hash}} 2x"/>

Directive Info

  • This directive executes at priority level 99.


  • as attribute:


Param Type Details
ngSrcset template

any string which can contain {{}} markup.