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 相关文章推荐
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 Javascript
js实现兼容IE6与IE7的DIV高度
May 13 Javascript
js 数据类型转换总结笔记
Jan 17 Javascript
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
Oct 26 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
vue 实现动态路由的方法
Jul 06 Javascript
vue完美实现el-table列宽自适应
May 08 Vue.js
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+oracle 分页类
2006/10/09 PHP
php中preg_replace_callback函数简单用法示例
2016/07/21 PHP
php实现的redis缓存类定义与使用方法示例
2017/08/09 PHP
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日 格式的代码
2016/07/27 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
python中的tcp示例详解
2018/12/09 Python
django框架使用方法详解
2019/07/18 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
优秀老员工获奖感言
2014/02/15 职场文书
户外活动总结范文
2014/04/30 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
2015年化验员工作总结
2015/04/10 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
OpenCV实现普通阈值
2021/11/17 Java/Android
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS