angular.module.ng.$compileProvider.directive.ng-src

Description

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 ng-src attribute solves this problem by placing the src attribute in the ng- namespace.

The buggy way to write it:

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

The correct way to write it:

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

Usage

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

Parameters