AngularJS ng-href 指令
实例
使用 AngularJS 制作一个链接:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app=""><div ng-init="myVar = 'https://cankaoshouce.com'"><h2>教程</h2><p>去 <a ng-href="{{myVar}}">{{myVar}}</a> 学习!</p></div><p>本例可以使用原始的 href 属性，但在 AngularJS 中，ng-href 属性更安全。</p></body></html>
定义与用法
ng-href 指令覆盖 <a> 元素的原始 href 属性。
ng-href 如果 href 值中有 AngularJS 代码，则应使用指令而不是 href。
ng-href 指令确保即使用户在 AngularJS 评估代码之前单击链接，链接也不会断开。
语法
<a ng-href="string"></a>
由 <a> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| string | 字符串值，或生成字符串的表达式 |