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

firefox插件Firebug的使用教程

Jan 02 Javascript

IE6下js通过css隐藏select的一个bug

Aug 16 Javascript

Javascript动态绑定事件的简单实现代码

Dec 25 Javascript

使用js实现关闭js弹出层的窗口

Feb 10 Javascript

jQuery实现设置、移除文本框默认值功能

Jan 13 Javascript

javascript的BOM汇总

Jul 16 Javascript

window.location.hash知识汇总

Nov 09 Javascript

简单实现jQuery进度条轮播实例代码

Jun 20 Javascript

React实现点击删除列表中对应项

Jan 10 Javascript

浅谈pc端rem字体设置的问题

Aug 03 Javascript

vue+axios实现文件下载及vue中使用axios的实例

Sep 21 Javascript

微信小程序实现多个按钮的颜色状态转换

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

实用函数5

2007/11/08 PHP

有关php运算符的知识大全

2011/11/03 PHP

php安全之直接用$获取值而不$_GET 字符转义

2012/06/03 PHP

php验证手机号码(支持归属地查询及编码为UTF8)

2013/02/01 PHP

小谈php正则提取图片地址

2014/03/27 PHP

php处理单文件、多文件上传代码分享

2016/08/24 PHP

详解php中serialize()和unserialize()函数

2017/07/08 PHP

PHP正则表达式处理函数(PCRE 函数)实例小结

2019/05/09 PHP

QUnit jQuery的TDD框架

2010/11/04 Javascript

JQuery中如何传递参数如click(),change()等具体实现

2013/04/28 Javascript

JavaScript 上万关键字瞬间匹配实现代码

2013/07/07 Javascript

jquery原创弹出层折叠效果点击折叠弹出一个层

2014/03/12 Javascript

深入理解JavaScript系列（50）：Function模式（下篇）

2015/03/04 Javascript

使用JavaScript解决网页图片拉伸问题(推荐)

2016/11/25 Javascript

bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能

2017/02/17 Javascript

JavaScript截屏功能的实现代码

2017/07/28 Javascript

浅析JS中什么是自定义react数据验证组件

2018/10/19 Javascript

如何使用JavaScript实现栈与队列

2019/06/24 Javascript

[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4

2018/06/05 DOTA

对Python中type打开文件的方式介绍

2018/04/28 Python

python在每个字符后添加空格的实例

2018/05/07 Python

python3连接MySQL数据库实例详解

2018/05/24 Python

python实时监控logstash日志代码

2020/04/27 Python

Python 实现图片转字符画的示例(静态图片,gif皆可)

2020/11/05 Python

推荐10个CSS3 制作的创意下拉菜单效果

2014/02/11 HTML / CSS

德国古洛迷亚百货官网：GALERIA Kaufhof

2017/06/20 全球购物

英国DVD和蓝光碟片购买网站：Zoom.co.uk（电影和电视）

2019/09/23 全球购物

维德科技C#面试题笔试题

2015/12/09 面试题

大专生自荐信

2013/10/04 职场文书

汽车专业人才自我鉴定范文

2013/12/29 职场文书

课外科技活动总结

2014/08/27 职场文书

优秀少先队辅导员事迹材料

2014/12/24 职场文书

2015年护士节活动总结

2015/02/10 职场文书

2015年幼儿园个人工作总结

2015/04/25 职场文书

2015年服务员个人工作总结

2015/05/27 职场文书

植树节新闻稿

2015/07/17 职场文书