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 页面滚动到底部自动加载插件集合
Jan 31 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
May 09 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自动加载机制的深入分析
2013/06/08 PHP
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
php银联网页支付实现方法
2015/03/04 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
Auntion-TableSort国人写的一个javascript表格排序的东西
2007/11/12 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
vue1.0和vue2.0的watch监听事件写法详解
2018/09/11 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
JavaScript实现切换多张图片
2021/01/27 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
Python使用re模块实现信息筛选的方法
2018/04/29 Python
Python引用计数操作示例
2018/08/23 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
电脑教师的教学自我评价
2013/11/26 职场文书
三年级数学教学反思
2014/01/31 职场文书
离婚协议书怎么写
2014/09/12 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
教师党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
企业投资意向书
2015/05/09 职场文书
学生会主席任命书
2015/09/21 职场文书
Redis延迟队列和分布式延迟队列的简答实现
2021/05/13 Redis
python中__slots__节约内存的具体做法
2021/07/04 Python