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

javascript编程起步（第七课）

Feb 27 Javascript

基于jquery的表头固定的若干方法

Jan 27 Javascript

Javascript操作URL函数修改版

Nov 07 Javascript

移动节点的jquery代码

Jan 13 Javascript

jQuery 重复加载错误以及修复方法

Dec 16 Javascript

jquery实现表格本地排序的方法

Mar 11 Javascript

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

Aug 02 Javascript

详解JS中的attribute属性

Apr 25 Javascript

JavaScript数组的5种迭代方法

Sep 29 Javascript

浅谈vue-router 路由传参的方法

Dec 27 Javascript

vue项目中axios请求网络接口封装的示例代码

Dec 18 Javascript

亲自动手实现vue日历控件

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

Banner程序

2006/10/09 PHP

php求正负数数组中连续元素最大值示例

2014/04/11 PHP

PHP编程开发怎么提高编程效率提高PHP编程技术

2015/11/09 PHP

PHP请求远程地址设置超时时间的解决方法

2016/10/29 PHP

PHP+MYSQL实现读写分离简单实战

2017/03/13 PHP

PHP使用redis消息队列发布微博的方法示例

2017/06/22 PHP

Lumen timezone 时区设置方法(慢了8个小时)

2018/01/20 PHP

JavaScript和ActionScript的交互实现代码

2010/08/01 Javascript

ajax异步刷新实现更新数据库

2012/12/03 Javascript

js设置cookie过期及清除浏览器对应名称的cookie

2013/10/24 Javascript

Javascript脚本实现静态网页加密实例代码

2013/11/05 Javascript

Javascript基础教程之if条件语句

2015/01/18 Javascript

实现React单页应用的方法详解

2016/08/02 Javascript

基于jstree使用AJAX请求获取数据形成树

2017/08/29 Javascript

AngularJS中ng-options实现下拉列表的数据绑定方法

2018/08/13 Javascript

vue项目首屏打开速度慢的解决方法

2019/03/31 Javascript

python实现类的静态变量用法实例

2015/05/08 Python

使用Python写个小监控

2016/01/27 Python

django使用xlwt导出excel文件实例代码

2018/02/06 Python

Python基于Flask框架配置依赖包信息的项目迁移部署

2018/03/02 Python

python查找指定文件夹下所有文件并按修改时间倒序排列的方法

2018/10/21 Python

Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)

2018/12/20 Python

python实现接口并发测试脚本

2019/06/25 Python

Python pathlib模块使用方法及实例解析

2020/10/05 Python

使用python-cv2实现Harr+Adaboost人脸识别的示例

2020/10/27 Python

VELTRA台湾：世界自由行专家

2017/08/15 全球购物

eBay荷兰购物网站：eBay.nl

2020/06/26 全球购物

个人作风剖析材料

2014/02/02 职场文书

搞笑车尾标语

2014/06/23 职场文书

2014年个人技术工作总结

2014/12/08 职场文书

小学教师求职信范文

2015/03/20 职场文书

施工安全保证书

2015/05/09 职场文书

企业法人任命书

2015/09/21 职场文书

创业计划书之闲置物品置换中心

2019/12/25 职场文书

Python 语言实现六大查找算法

2021/06/30 Python

V Rising 服务器搭建图文教程

2022/06/16 Servers