AngularJS ng-href 指令

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)

AngularJS 實(shí)例

使用 AngularJS 設(shè)置添加鏈接:

<div ng-init="myVar = 'http://www.o2fo.com'">
    <h1>W3Cschool教程</h1>
    <p>訪問(wèn) <a ng-href="{{myVar}}">{{myVar}}</a> 學(xué)習(xí)!</p>
</div>

嘗試一下 ?

定義和用法

ng-href 指令覆蓋了原生的 <a> 元素 href 屬性。

如果在 href 的值中有 AngularJS 代碼，則需要使用 ng-href 而不是 href。

ng-href 指令確保了鏈接是正常的，即使在 AngularJS 執(zhí)行代碼前點(diǎn)擊鏈接。

語(yǔ)法

<a ng-href="string"></a>

<a> 元素支持該指令。

參數(shù)值

值 描述
expression 字符串，表達(dá)式的執(zhí)行結(jié)果

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)