AngularJS基础 ng-href 指令用法
更新时间：2016年08月01日 15:35:20 投稿：lqh
本文主要介绍AngularJS ng-href 指令,这里对ng-href 基础资料进行详细介绍,并附代码实例,有兴趣的小伙伴可以参考下
AngularJS ng-href 指令
AngularJS 实例
使用 AngularJS 设置添加链接:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<div ng-init="myVar = 'http://www.runoob.com'">
<h1>菜鸟教程</h1>
<p>访问 <a ng-href="{{myVar}}">{{myVar}}</a> 学习!</p>
</div>
<p>该实例可以使用了原生的 href 属性，但在 AngularJS 中， ng-href 属性更安全。</p>
</body>
</html>
定义和用法
ng-href 指令覆盖了原生的 <a> 元素 href 属性。
如果在 href 的值中有 AngularJS 代码，则需要使用 ng-href 而不是 href。
ng-href 指令确保了链接是正常的，即使在 AngularJS 执行代码前点击链接。
语法
<a ng-href="string"></a>
<a> 元素支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 字符串，表达式的执行结果 |
以上就是对AngularJS no-href资料的整理，后续继续补充，希望能帮助学习AngularJS的同学。
相关文章
Angular 4 依赖注入学习教程之FactoryProvider的使用（四）
这篇文章主要给大家介绍了关于Angular 4 依赖注入之FactoryProvider使用的相关资料，文中介绍的非常详细，对大家学习或者使用Angular4具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
这篇文章主要介绍了Angular5.1新功能以及相关的用法，需要的朋友参考学习下吧。2017-12-12
今天小编就为大家分享一篇angularJs中json数据转换与本地存储的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
angularJs中跳转到指定的锚点实例($anchorScroll)
今天小编就为大家分享一篇angularJs中跳转到指定的锚点实例($anchorScroll)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
ng-options是angular-1.3新出的一个指令,这篇文章就来介绍这个指令的用法.有需要的小伙伴可以参考下。2015-06-06
这文章给大家介绍了如何利用AngularJS一次监听多个值发生的变化，文中通过示例代码演示，这样更方便大家理解学习，有需要的可以参考借鉴。2016-08-08
AngularJS中的$watch()，$digest()和$apply()区分
这篇文章主要介绍了AngularJS中的$watch()，$digest()和$apply()区分，感兴趣的朋友可以参考一下2016-04-04
Angular.js中用ng-repeat-start实现自定义显示
大家都知道Angular.js可以用ng-repeat来显示列表数据，可是如果想要自定义显示数据列表的话ng-repeat就实现不了了，这个时候可以利用ng-repeat-start 和 ng-repeat-end来实现，下面通过本文来详细看看实现的方法吧。2016-10-10
Angular 5.0 来了! 有这些重大变化,这篇文章就为大家介绍了Angular 5.0大变化，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了AngularJS表单编辑提交功能实例,本文讲解如何修改表单的默认值,需要的朋友可以参考下2015-02-02
最新评论