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 ng-href="string"></a>

<a> 元素支持该指令。

参数值

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

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

Javascript 相关文章推荐
CSS+JS构建的图片查看器
Jul 22 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
JS根据年月获得当月天数的实现代码
Jul 03 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
Angular.js回顾ng-app和ng-model使用技巧
Apr 26 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
微信小程序 获取微信OpenId详解及实例代码
Oct 31 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
vue通过数据过滤实现表格合并
Nov 30 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代码
2006/12/06 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
JS查看对象功能代码
2008/04/25 Javascript
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
2015/06/26 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
[02:27]刀塔重生降临
2015/10/14 DOTA
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
python中的计时器timeit的使用方法
2017/10/20 Python
Python字典循环添加一键多值的用法实例
2019/01/20 Python
python数值基础知识浅析
2019/11/19 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
Python如何读取、写入CSV数据
2020/07/28 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
新媒传信软件测试面试题
2013/02/24 面试题
2014年情人节活动方案
2014/02/16 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
企业口号大全
2014/06/12 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS