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

通用JS事件写法实现代码

Jan 07 Javascript

js实现漂浮回顶部按钮实例

May 06 Javascript

JS+CSS实现简易的滑动门效果代码

Sep 24 Javascript

JAVASCRIPT代码编写俄罗斯方块网页版

Nov 26 Javascript

[原创]jQuery常用的4种加载方式分析

Jul 25 Javascript

Node.js中process模块常用的属性和方法

Dec 13 Javascript

JS图片压缩（pc端和移动端都适用）

Jan 12 Javascript

vue实现模态框的通用写法推荐

Feb 26 Javascript

vue页面切换过渡transition效果

Oct 08 Javascript

vue实现拖拽的简单案例不超出可视区域

Jul 25 Javascript

基于Electron实现桌面应用开发代码实例

Jul 07 Javascript

Axios代理配置及封装响应拦截处理方式

Apr 07 Vue.js

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

MYSQL数据库初学者使用指南

2006/11/16 PHP

解析php通过cookies获取远程网页的指定代码

2013/06/25 PHP

JavaScript创建命名空间的5种写法

2014/06/24 PHP

php CI框架插入一条或多条sql记录示例

2014/07/29 PHP

php实现的太平洋时间和北京时间互转的自定义函数分享

2014/08/19 PHP

Thinkphp5.0 框架视图view的比较标签用法分析

2019/10/12 PHP

jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版

2013/01/11 Javascript

在Linux上用forever实现Node.js项目自启动

2014/07/09 Javascript

在WordPress中加入Google搜索功能的简单步骤讲解

2016/01/04 Javascript

移动端滑动插件Swipe教程

2016/10/16 Javascript

Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法

2017/06/29 Javascript

浅谈js中的this问题

2017/08/31 Javascript

Vue中render函数的使用方法

2018/01/31 Javascript

vue-cli下的vuex的简单Demo图解(实现加1减1操作)

2018/02/26 Javascript

微信小程序页面间跳转传参方式总结

2019/06/13 Javascript

VsCode与Node.js知识点详解

2019/09/05 Javascript

vue中echarts的用法及与elementui-select的协同绑定操作

2020/11/17 Vue.js

[19:24]DOTA2客户端使用指南一分钟快速设置轻松超神

2013/09/24 DOTA

python实现保存网页到本地示例

2014/03/16 Python

Python的Bottle框架中实现最基本的get和post的方法的教程

2015/04/30 Python

python学习流程控制语句详解

2016/06/01 Python

tornado 多进程模式解析

2018/01/15 Python

Python面向对象程序设计类的封装与继承用法示例

2019/04/12 Python

python实现文件的备份流程详解

2019/06/18 Python

简单介绍django提供的加密算法

2019/12/18 Python

Pytorch在NLP中的简单应用详解

2020/01/08 Python

Python实现投影法分割图像示例(二)

2020/01/17 Python

英国信箱在线鲜花速递公司：Bloom & Wild

2019/03/10 全球购物

阿姆斯特丹杜莎夫人蜡像馆官方网站：Madame Tussauds Amsterdam

2019/03/12 全球购物

学生会竞选自荐信

2013/10/12 职场文书

医学生求职自荐信

2013/10/25 职场文书

2014年团总支工作总结

2014/11/21 职场文书

优秀少先队员事迹材料

2014/12/24 职场文书

生产车间主任岗位职责

2015/04/08 职场文书

2015年维修工作总结

2015/04/25 职场文书

2019交通安全宣传标语集锦！

2019/06/28 职场文书