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

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