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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。