AngularJS ng-href 指令

定义和用法

ng-href 指令会覆盖 <a> 元素的原始 href 属性。

如果 href 值中包含 AngularJS 代码，则应使用 ng-href 指令替代 href。

ng-href 指令可以确保即使用户在 AngularJS 评估代码之前点击链接，链接也不会中断。

实例

使用 AngularJS 创建 href：

<div ng-init="myVar = 'https://www.w3school.com.cn'">
    <h1>教程</h1>
    <p>访问 <a ng-href="{{myVar}}">{{myVar}}</a> 来学习！</p>
</div>

亲自试一试

语法

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

受 <a> 元素支持。

参数