编程 Javascript

AngularJS基础 ng-href 指令用法

Posted in Javascript onAugust 01, 2016

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> 元素支持该指令。

参数值

值	描述
expression	字符串，表达式的执行结果

以上就是对AngularJS no-href资料的整理，后续继续补充，希望能帮助学习AngularJS的同学。

AngularJS基础 ng-href 指令用法

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Chrome中模态对话框showModalDialog返回值问题的解决方法

May 25 Javascript

基于jquery实现的移入页面上空文本框时，让它变为焦点，移出清除焦点

Jul 26 Javascript

jquery实现显示已选用户

Jul 21 Javascript

JavaScript数组和循环详解

Apr 27 Javascript

JS实现文字掉落效果的方法

May 06 Javascript

多种JQuery循环滚动文字图片效果代码

Jun 23 Javascript

jQuery 遍历map()方法详解

Nov 04 Javascript

webpack 单独打包指定JS文件的方法

Feb 22 Javascript

微信小程序地图(map)组件点击(tap)获取经纬度的方法

Jan 10 Javascript

微信小程序云开发之使用云存储

May 17 Javascript

koa2服务端使用jwt进行鉴权及路由权限分发的流程分析

Jul 22 Javascript

浅谈vuex的基本用法和mapaction传值问题

Nov 08 Javascript

jQuery实现点击行选中或取消CheckBox的方法

Aug 01 #Javascript

AngularJS基础 ng-hide 指令用法及示例代码

Aug 01 #Javascript

使用JS中的exec()方法构造正则表达式验证

Aug 01 #Javascript

javascript创建含数字字母的随机字符串方法总结

Aug 01 #Javascript

jQuery简单实现彩色云标签效果示例

Aug 01 #Javascript

jQuery实现的简单百分比进度条效果示例

Aug 01 #Javascript

AngularJS基础 ng-focus 指令简单示例

Aug 01 #Javascript

You might like

php实现批量删除挂马文件及批量替换页面内容完整实例

2016/07/08 PHP

PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图

2017/05/15 PHP

Javascript MD4

2006/12/20 Javascript

如何简单地用YUI做JavaScript动画

2007/03/10 Javascript

js 目录列举函数

2008/11/06 Javascript

jquery $.ajax入门应用一

2008/11/19 Javascript

解析dom中的children对象数组元素firstChild,lastChild的使用

2013/07/10 Javascript

js实现上传图片预览的方法

2015/02/09 Javascript

ECMAScript5(ES5)中bind方法使用小结

2015/05/07 Javascript

window.open打开窗口被拦截的快速解决方法

2016/08/04 Javascript

jQuery实现圣诞节礼物传送（花式轮播）

2016/12/25 Javascript

JS实现仿百度文库评分功能

2017/01/12 Javascript

详解基于vue-cli配置移动端自适应

2018/01/13 Javascript

Vue+ElementUI实现表单动态渲染、可视化配置的方法

2018/03/07 Javascript

微信小程序实现的自定义分享功能示例

2019/02/12 Javascript

详解vue中router-link标签所必备了解的属性

2019/04/15 Javascript

Angular中innerHTML标签的样式不起作用的原因解析

2019/06/18 Javascript

Angular进行简单单元测试的实现方法实例

2020/08/16 Javascript

Python Property属性的2种用法

2015/06/21 Python

Python首次安装后运行报错(0xc000007b)的解决方法

2016/10/18 Python

opencv python统计及绘制直方图的方法

2019/01/21 Python

python实现字符串加密生成唯一固定长度字符串

2019/03/22 Python

Python实现的排列组合、破解密码算法示例

2019/04/12 Python

python 公共方法汇总解析

2019/09/16 Python

Python之Class&Object用法详解

2019/12/25 Python

python实现滑雪者小游戏

2020/02/22 Python

Python使用Selenium实现淘宝抢单的流程分析

2020/06/23 Python

用 python 进行微信好友信息分析

2020/11/28 Python

python中复数的共轭复数知识点总结

2020/12/06 Python

HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果

2016/04/26 HTML / CSS

领先的钻石和订婚戒指零售商：Diamonds-USA

2016/12/11 全球购物

美国时尚孕妇装品牌：A Pea in the Pod

2017/07/16 全球购物

Linux不知道文件后缀名怎么判断文件类型

2014/08/21 面试题

学校后勤人员职责

2013/12/27 职场文书

工地门卫岗位职责

2013/12/30 职场文书

党校学习个人总结

2015/02/15 职场文书