AngularJS ng-href用法及代碼示例

當我們在href值內有一個角度表達式時，將使用ng-href指令。如果使用href屬性，則問題在於，如果在AngularJS用其值替換表達式之前單擊鏈接，則鏈接可能會到達錯誤的URL，並且鏈接將被斷開，並且很可能在ng-href指令時返回404錯誤即使在AngularJS評估代碼之前單擊鏈接，也檢查鏈接是否未斷開。

用法:

 <element ng-href="addr"> content ... </element>

其中addr是指包含角度表達式的字符串。

例：

<!DOCTYPE html> 
<html> 
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/ 
   1.6.9/angular.min.js"></script> 
  <body ng-app="" style="text-align:center"> 
    <div ng-init="url = 'https://www.geeksforgeeks.org/'"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
                <h2>ng-href Directive</h2> 
    <p>Go to <a ng-href="{{url}}">GeeksforGeeks</a></p> 
    </div> 
  </body> 
</html>

輸出：
ng-href

相關用法

注：本文由純淨天空篩選整理自Vishal Chaudhary 2大神的英文原創作品 AngularJS | ng-href Directive。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。