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

Highslide.js是一款基于js实现的网页中图片展示插件

Mar 30 Javascript

JavaScript Event学习第十一章按键的检测

Feb 10 Javascript

JS 控件事件小结

Oct 31 Javascript

把input初始值不写value的具体实现方法

Jul 04 Javascript

JS实现带缓冲效果打开、关闭、移动一个层的方法

May 09 Javascript

windows下更新npm和node的方法

Nov 30 Javascript

vue加载完成后的回调函数方法

Sep 07 Javascript

AngularJS $http post 传递参数数据的方法

Oct 09 Javascript

JS div匀速移动动画与变速移动动画代码实例

Mar 26 Javascript

使用typescript构建Vue应用的实现

Aug 26 Javascript

关于vue组件事件属性穿透详解

Oct 28 Javascript

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

Apr 28 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中Object对象的笔记分享

2011/06/28 PHP

php 利用array_slice函数获取随机数组或前几条数据

2015/09/30 PHP

PHP时间戳格式全部汇总 (获取时间、时间戳)

2016/06/13 PHP

TP框架实现上传一张图片和批量上传图片的方法分析

2020/04/23 PHP

JavaScript高级程序设计

2006/12/29 Javascript

让FireFox支持innerText的实现代码

2009/12/01 Javascript

JavaScript与Image加载事件(onload)、加载状态(complete)

2011/02/14 Javascript

常用jQuery选择器总结

2014/07/11 Javascript

JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题

2015/12/07 Javascript

使用JS中的exec()方法构造正则表达式验证

2016/08/01 Javascript

微信小程序数组中的push与concat的区别

2017/01/05 Javascript

nodejs利用ajax实现网页无刷新上传图片实例代码

2017/06/06 NodeJs

angular中的cookie读写方法

2017/08/02 Javascript

Vue项目history模式下微信分享爬坑总结

2019/03/29 Javascript

Vue中消息横向滚动时setInterval清不掉的问题及解决方法

2019/08/23 Javascript

Vue使用screenfull实现全屏效果

2020/09/17 Javascript

[01:21]DOTA2新纪元-7.0新版本即将开启！

2016/12/11 DOTA

python算法学习之计数排序实例

2013/12/18 Python

Python版名片管理系统

2018/11/30 Python

利用Python对文件夹下图片数据进行批量改名的代码实例

2019/02/21 Python

django实现HttpResponse返回json数据为中文

2020/03/27 Python

pandas中read_csv、rolling、expanding用法详解

2020/04/21 Python

工商管理毕业生推荐信

2013/12/24 职场文书

优秀的计算机专业求职信范文

2013/12/27 职场文书

银行内勤岗位职责

2014/04/09 职场文书

土建工程师岗位职责

2014/06/10 职场文书

服装设计专业求职信

2014/06/16 职场文书

2014年服务员工作总结

2014/11/18 职场文书

刑事起诉书范文

2015/05/19 职场文书

2015年煤矿安全工作总结

2015/05/23 职场文书

幼儿园秋季开学通知

2015/07/16 职场文书

《狮子和鹿》教学反思

2016/02/16 职场文书

《家庭教育》读后感3篇

2019/12/18 职场文书

vue中data改变后让视图同步更新的方法

2021/03/29 Vue.js

2021-4-3课程——SQL Server查询【2】

2021/04/05 SQL Server

logback 实现给变量指定默认值

2021/08/30 Java/Android