编程 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操作checkbox遇到的问题解决

Jun 29 Javascript

jQuery增加自定义函数的方法

Jul 18 Javascript

详谈javascript异步编程

Feb 21 Javascript

JS跨域解决方案之使用CORS实现跨域

Apr 14 Javascript

jQuery判断邮箱格式对错实例代码讲解

Apr 12 jQuery

微信小程序分页加载的实例代码

Jul 11 Javascript

vue.js 获取select中的value实例

Mar 01 Javascript

Promise扫盲贴

Jun 24 Javascript

Js代码中的span拼接问题解决

Nov 22 Javascript

JS控制下拉列表左右选择实例代码

May 08 Javascript

vue中配置scss全局变量的步骤

Dec 28 Vue.js

react中props 的使用及进行限制的方法

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 利用AJAX获取网页并输出的实现代码(Zjmainstay)

2012/08/31 PHP

ThinkPHP3.1查询语言详解

2014/06/19 PHP

thinkphp5 模型实例化获得数据对象的教程

2019/10/18 PHP

Javascript 判断Flash是否加载完成的代码

2010/04/12 Javascript

jQuery学习笔记之jQuery的DOM操作

2010/12/22 Javascript

js 金额文本框实现代码

2012/02/14 Javascript

Javascript创建自定义对象创建Object实例添加属性和方法

2012/06/04 Javascript

js判断屏幕分辨率的代码

2013/07/16 Javascript

js限制文本框只能输入数字方法小结

2014/06/16 Javascript

JavaScript中定义类的方式详解

2016/01/07 Javascript

学习javascript文件加载优化

2016/02/19 Javascript

基于javascript制作微博发布栏效果

2016/04/04 Javascript

JQuery对ASP.NET MVC数据进行更新删除

2016/07/13 Javascript

Vue.js创建Calendar日历效果

2016/11/03 Javascript

vue实现长图垂直居上 vue实现短图垂直居中

2017/10/18 Javascript

Angular项目如何升级至Angular6步骤全纪录

2018/09/03 Javascript

值得收藏的八个常用的js正则表达式

2018/10/19 Javascript

Vuex 使用 v-model 配合 state的方法

2018/11/13 Javascript

浅谈Angular7 项目开发总结

2018/12/19 Javascript

vue中$refs, $emit, $on, $once, $off的使用详解

2019/05/26 Javascript

微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】

2020/05/29 Javascript

简单了解常用的JavaScript 库

2020/07/16 Javascript

Python抓取百度查询结果的方法

2015/07/08 Python

Python使用pygame模块编写俄罗斯方块游戏的代码实例

2015/12/08 Python

利用python操作SQLite数据库及文件操作详解

2017/09/22 Python

Django中间件实现拦截器的方法

2018/06/01 Python

Python3爬虫中Ajax的用法

2020/07/10 Python

Python实现迪杰斯特拉算法并生成最短路径的示例代码

2020/12/01 Python

CSS3中使用RGBa来调节透明度的教程

2016/05/09 HTML / CSS

HTML5使用Audio标签实现歌词同步的效果

2016/03/17 HTML / CSS

HTML5实现WebSocket协议原理浅析

2014/07/07 HTML / CSS

英国户外服装品牌：Craghoppers

2019/04/25 全球购物

国际花店：Pickup Flowers

2020/04/10 全球购物

五一劳动节演讲稿

2014/09/12 职场文书

法院四风对照检查材料思想汇报

2014/10/06 职场文书

事业单位年度考核评语

2014/12/31 职场文书