编程 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 密码强度判断代码

Sep 05 Javascript

js 居中漂浮广告

Mar 21 Javascript

分享精心挑选的23款美轮美奂的jQuery 图片特效插件

Aug 14 Javascript

jQuery Ajax提交表单查询获得数据实例代码

Sep 19 Javascript

Jquery节点遍历next与nextAll方法使用示例

Jul 22 Javascript

排序算法的javascript实现与讲解(99js手记)

Sep 28 Javascript

JS实现简洁、全兼容的拖动层实例

May 13 Javascript

jQuery树形控件zTree使用小结

Aug 02 Javascript

vue中将网页打印成pdf实例代码

Jun 15 Javascript

jQuery实现表单动态加减、ajax表单提交功能

Jun 08 jQuery

vue 利用路由守卫判断是否登录的方法

Sep 29 Javascript

Nuxt使用Vuex的方法示例

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

我的群发邮件程序

2006/10/09 PHP

dede3.1分页文字采集过滤规则详说(图文教程)

2007/04/03 PHP

PHP中使用addslashes函数转义的安全性原理分析

2014/11/03 PHP

PHP使用Face++接口开发微信公众平台人脸识别系统的方法

2015/04/17 PHP

PHP实现的一致性哈希算法完整实例

2015/11/14 PHP

详解使用php调用微信接口上传永久素材

2017/04/11 PHP

Laravel中使用Queue的最基本操作教程

2017/12/27 PHP

jquery.validate的使用说明介绍

2013/11/12 Javascript

Js实现当前点击a标签变色突出显示其他a标签回复原色

2013/11/27 Javascript

jquery禁用右键示例

2014/04/28 Javascript

JavaScript判断变量是对象还是数组的方法

2014/08/28 Javascript

jquery常用方法及使用示例汇总

2014/11/08 Javascript

Javascript与jQuery方法的隐藏与显示

2015/01/19 Javascript

js实现顶部可折叠的菜单工具栏效果实例

2015/05/09 Javascript

JS基于Mootools实现的个性菜单效果代码

2015/10/21 Javascript

下雪了 javascript实现雪花飞舞

2020/08/02 Javascript

JS新包管理工具yarn和npm的对比与使用入门

2016/12/09 Javascript

详解webpack2+React 实例demo

2017/09/11 Javascript

Vue-CLI3.x 设置反向代理的方法

2018/12/06 Javascript

vuex actions异步修改状态的实例详解

2019/11/06 Javascript

加速vue组件渲染之性能优化

2020/04/09 Javascript

Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程

2016/06/14 Python

浅谈Python对内存的使用（深浅拷贝）

2018/01/17 Python

python使用Tkinter实现在线音乐播放器

2018/01/30 Python

Django项目开发中cookies和session的常用操作分析

2018/07/03 Python

python变量赋值方法(可变与不可变)

2019/01/12 Python

Python3调用百度AI识别图片中的文字功能示例【测试可用】

2019/03/13 Python

Pycharm同步远程服务器调试的方法步骤

2020/11/04 Python

Lookfantastic西班牙官网：英国知名美妆购物网站

2018/06/13 全球购物

美国鲍勃商店：Bob’s Stores

2018/07/22 全球购物

Trench London官方网站：高级风衣和意大利皮夹克

2020/07/11 全球购物

养殖项目策划书范文

2014/01/13 职场文书

购房意向书

2014/04/01 职场文书

银行竞聘演讲稿

2014/05/16 职场文书

12.4法制宣传日标语

2014/10/08 职场文书

反腐倡廉学习心得体会范文

2015/08/15 职场文书