AngularJS basic ng-href directive usage

AngularJS ng-href directive

AngularJS instance

Add links using AngularJS settings:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="/libs//1.4.6/"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app=""&gt;

&lt;div ng-init="myVar = ''"&gt;
&lt;h1&gt;&lt;/h1&gt;
&lt;p&gt;access &lt;a ng-href="{{myVar}}"&gt;{{myVar}}&lt;/a&gt; study!&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;This instance can use native href property，But in AngularJS middle， ng-href property更安全。&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;

Definition and usage

ng-hrefDirectives override the native <a> element href attribute.

If you have AngularJS code in the value of href, you need to use ng-href instead of href.

The ng-href directive ensures that the link is normal, even if you click the link before AngularJS executes the code.

grammar

The <a> element supports this directive.

Parameter value

value	describe
expression	string, expression execution result

The above is a compilation of AngularJS no-href data. We will continue to add it later. I hope it can help students who study AngularJS.