AngularJS ng-href 指令

定義和用法

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

如果 href 值中包含 AngularJS 代碼,則應使用 ng-href 指令替代 href

ng-href 指令可以確保即使用戶在 AngularJS 評估代碼之前點擊鏈接,鏈接也不會中斷。

實例

使用 AngularJS 創建 href:

<div ng-init="myVar = 'https://www.codew3c.com'">
    <h1>教程</h1>
    <p>訪問 <a ng-href="{{myVar}}">{{myVar}}</a> 來學習!</p>
</div>

親自試一試

語法

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

<a> 元素支持。

參數

參數 描述
string 字符串值,或者是結果為字符串的表達式。