ngHref
(directive in module ng
)
Using Angular markup like {{hash}} in an href attribute makes
the page open to a wrong URL, if the user clicks that link before
angular has a chance to replace the {{hash}} with actual URL, the
link will be broken and will most likely return a 404 error.
The ngHref directive solves this problem.
The buggy way to write it:
<a href="http://www.gravatar.com/avatar/{{hash}}"/>
The correct way to write it:
<a ng-href="http://www.gravatar.com/avatar/{{hash}}"/>
<A ng-href="{template}">
...
</A>
ngHref – {template} –
any string which can contain {{}} markup.
This example uses link variable inside href attribute: