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: