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的同学。
相关文章
angular4中*ngFor不能对返回来的对象进行循环的解决方法
今天小编就为大家分享一篇angular4中*ngFor不能对返回来的对象进行循环的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Angular开发实践之服务端渲染，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
ng-events类似ionic中Events的angular全局事件
这篇文章主要介绍了ng-events类似ionic中Events的angular全局事件,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-09-09
Angular 4依赖注入学习教程之Injectable装饰器（六）
这篇文章主要给大家介绍了关于Angular 4依赖注入之Injectable装饰器的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来跟着小编一起学习学习吧。2017-06-06
这篇文章主要为大家介绍了angular中使用echarts地图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
本篇文章主要介绍了如何在angular2中获取节点，详细的介绍了几种方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
今天小编就为大家分享一篇angular.js实现列表orderby排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
本文主要Angular的MVC和作用域进行详细分析介绍，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
指令是angular的核心功能之一，用好了事半功倍，监听ng-repeat执行状态仅仅是它功能的冰山一角吧。下面这篇文章主要介绍了Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法,需要的朋友可以参考下。2016-12-12
Angular Component属性绑定target和attr.target的区别分析
这篇文章主要介绍了Angular Component属性绑定target和attr.target的区别分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
最新评论