编程 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 中的内存泄露模式

Aug 13 Javascript

Javascript中封装window.open解决不兼容问题

Sep 28 Javascript

Angular中的Promise对象($q介绍)

Mar 03 Javascript

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

Aug 11 Javascript

谈谈Jquery ajax中success和complete有哪些不同点

Nov 20 Javascript

Javascript实现跑马灯效果的简单实例

May 31 Javascript

js判断输入字符串是否为空、空格、null的方法总结

Jun 14 Javascript

jQuery实现点击某个div打开层，点击其他div关闭层实例分析(阻止冒泡)

Nov 18 Javascript

Angularjs之如何在跨域请求中传输Cookie的方法

Jun 01 Javascript

vue脚手架搭建项目的兼容性配置详解

Jul 17 Javascript

vue使用localStorage保存登录信息适用于移动端、PC端

May 27 Javascript

layui扩展上传组件模拟进度条的方法

Sep 23 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 minixml详解

2008/07/19 PHP

fleaphp下不确定的多条件查询的巧妙解决方法

2008/09/11 PHP

php提示undefined index的几种解决方法

2012/05/21 PHP

mac下安装nginx和php

2013/11/04 PHP

php实现的支付宝网页支付功能示例【基于TP5框架】

2019/09/16 PHP

JS event使用方法详解

2008/04/28 Javascript

图片上传即时显示缩略图的js代码

2009/05/27 Javascript

javascript基础第一章 JavaScript与用户端

2010/07/22 Javascript

javascript 中String.match()与RegExp.exec()的区别说明

2013/01/10 Javascript

javascript中全局对象的isNaN()方法使用介绍

2013/12/19 Javascript

jquery阻止后续事件只执行第一个事件

2014/07/24 Javascript

Javascript this 关键字详解

2014/10/22 Javascript

jQuery实现仿路边灯箱广告图片轮播效果

2015/04/15 Javascript

简介JavaScript中的setTime()方法的使用

2015/06/11 Javascript

详解AngularJS中module模块的导入导出

2015/12/10 Javascript

jquery设置css样式的多种方法(总结)

2017/02/21 Javascript

微信小程序倒计时功能实例代码

2018/07/17 Javascript

详解微信小程序中组件通讯

2018/10/30 Javascript

通过JS运行机制的角度说说作用域

2019/03/12 Javascript

Vue组件系列开发之模态框

2019/04/18 Javascript

javascript实现支付宝滑块验证码效果

2020/07/24 Javascript

浅谈JavaScript 声明提升

2020/09/14 Javascript

wxpython 学习笔记第一天

2009/02/09 Python

windows下Virtualenvwrapper安装教程

2017/12/13 Python

推荐10款最受Python开发者欢迎的Python IDE

2018/09/16 Python

Python将字符串常量转化为变量方法总结

2019/03/17 Python

Python获取数据库数据并保存在excel表格中的方法

2019/06/12 Python

Python Dict找出value大于某值或key大于某值的所有项方式

2020/06/05 Python

.NET常见笔试题集

2012/12/01 面试题

新员工培训个人的自我评价

2013/10/09 职场文书

个人实习生的自我评价

2014/02/16 职场文书

上班离岗检讨书

2014/09/10 职场文书

咖啡厅商业计划书

2014/09/15 职场文书

漫画「狩龙人拉格纳」公开TV动画预告图

2022/03/22 日漫

SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理

2022/06/21 Java/Android

Debian11 Xfce终端光标的颜色怎么设置?

2022/08/14 数码科技