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

一步一步教你写一个jQuery的插件教程(Plugin)

Sep 03 Javascript

js实现兼容IE6与IE7的DIV高度

May 13 Javascript

js 数据类型转换总结笔记

Jan 17 Javascript

JS 实现导航栏悬停效果(续)

Sep 24 Javascript

JavaScript通过join函数连接数组里所有元素的方法

Mar 20 Javascript

Easyui 之 Treegrid 笔记

Apr 29 Javascript

vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据

Oct 26 Javascript

JavaScript运动框架解决速度正负取整问题（一）

May 17 Javascript

浅谈vue中使用图片懒加载vue-lazyload插件详细指南

Oct 23 Javascript

微信小程序简单实现form表单获取输入数据功能示例

Nov 30 Javascript

vue 实现动态路由的方法

Jul 06 Javascript

vue完美实现el-table列宽自适应

May 08 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

php+oracle 分页类

2006/10/09 PHP

php中preg_replace_callback函数简单用法示例

2016/07/21 PHP

php实现的redis缓存类定义与使用方法示例

2017/08/09 PHP

javascript(jquery)利用函数修改全局变量的代码

2009/11/02 Javascript

js下用eval生成JSON对象

2010/09/17 Javascript

HTTP 304错误的详细讲解

2013/11/13 Javascript

js实现当复选框选择匿名登录时隐藏登录框效果

2015/08/14 Javascript

javascript函数命名的三种方式及区别介绍

2016/03/22 Javascript

JSON格式的时间/Date(2367828670431)/格式转为正常的年-月-日格式的代码

2016/07/27 Javascript

bootstrap轮播模板使用方法详解

2017/11/17 Javascript

浅谈AngularJS中$http服务的简单用法

2018/05/15 Javascript

vue 实现 rem 布局或vw 布局的方法

2019/11/13 Javascript

JS实现横向轮播图（中级版）

2020/01/18 Javascript

js实现文章目录索引导航(table of content)

2020/05/10 Javascript

Vue+ElementUI 中级联选择器Bug问题的解决

2020/07/31 Javascript

[03:37]2015国际邀请赛第四日现场精彩集锦

2015/08/08 DOTA

Python2.6版本中实现字典推导 PEP 274（Dict Comprehensions）

2015/04/28 Python

Python基于Tkinter的HelloWorld入门实例

2015/06/17 Python

python中的tcp示例详解

2018/12/09 Python

django框架使用方法详解

2019/07/18 Python

python爬取盘搜的有效链接实现代码

2019/07/20 Python

关于Pytorch的MNIST数据集的预处理详解

2020/01/10 Python

xadmin使用formfield_for_dbfield函数过滤下拉表单实例

2020/04/07 Python

Tensorflow实现将标签变为one-hot形式

2020/05/22 Python

python 窃取摄像头照片的实现示例

2021/01/08 Python

CSS3 3D立方体效果示例－transform也不过如此

2016/12/05 HTML / CSS

Tory Burch英国官方网站：美国时尚生活品牌

2017/12/06 全球购物

Skyscanner香港：机票比价, 平机票和廉价航空机票预订

2020/02/07 全球购物

优秀老员工获奖感言

2014/02/15 职场文书

户外活动总结范文

2014/04/30 职场文书

优秀本科毕业生自荐信

2014/07/04 职场文书

2015年化验员工作总结

2015/04/10 职场文书

Pytorch使用shuffle打乱数据的操作

2021/05/20 Python

OpenCV实现普通阈值

2021/11/17 Java/Android

JavaScript正则表达式实现注册信息校验功能

2022/05/30 Java/Android

CSS实现鼠标悬浮动画特效

2023/05/07 HTML / CSS