编程 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 相关文章推荐

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->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