AngularJS ng-href Directive
Example
Make a href using AngularJS:
<div ng-init="myVar = 'https://www.w3schools.com'">
<h1>Tutorials</h1>
<p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn!</p>
</div>
<h1>Tutorials</h1>
<p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn!</p>
</div>
Definition and Usage
The ng-href directive overrides the original href attribute of
an <a> element.
The ng-href directive should be used instead of href
if you have AngularJS code inside the href value.
The ng-href directive makes sure the link is not broken even if
the user clicks the link before AngularJS has evaluated the code.
Syntax
<a ng-href="string"></a>
Supported by the <a> element.
Parameter Values
| Value | Description |
|---|---|
| string | A string value, or an expression resulting in a string. |