编程 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确认框的三种使用方法

Dec 17 Javascript

js实现日期级联效果

Jan 23 Javascript

javascript修改IMG标签的src问题

Mar 28 Javascript

node.js中的buffer.copy方法使用说明

Dec 14 Javascript

浅谈javascript的Touch事件

Sep 27 Javascript

jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)

Dec 31 Javascript

使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果

Oct 17 Javascript

jQuery中的一些小技巧

Jan 18 Javascript

Javascript中从学习bind到实现bind的过程

Jan 05 Javascript

JS运动改变单物体透明度的方法分析

Jan 23 Javascript

pageGroup.js实现分页功能

Jul 27 Javascript

在antd4.0中Form使用initialValue操作

Nov 02 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 array_flip() 删除数组重复元素

2009/01/14 PHP

php将mysql数据库整库导出生成sql文件的具体实现

2014/01/08 PHP

php fread读取文件注意事项

2016/09/24 PHP

Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例

2019/10/12 PHP

js left,right,mid函数

2008/06/10 Javascript

2008/07/09 Javascript

在myeclipse中如何加入jquery代码提示功能

2014/06/03 Javascript

基于Bootstrap+jQuery.validate实现Form表单验证

2014/12/16 Javascript

浅谈javascript中的Function和Arguments

2016/08/30 Javascript

AngularJS 自定义过滤器详解及实例代码

2016/09/14 Javascript

js实现上传文件添加和删除文件选择框

2016/10/24 Javascript

JS两种类型的表单提交方法实例分析

2016/11/28 Javascript

JavaScript实现简单的文本逐字打印效果示例

2018/04/12 Javascript

微信小程序vant弹窗组件的实现方式

2020/02/21 Javascript

JavaScript实现简单验证码

2020/08/24 Javascript

[08:44]DOTA2发布会群星聚首我们都是刀塔人

2014/03/21 DOTA

图解Python变量与赋值

2018/04/03 Python

Python中创建二维数组

2018/10/17 Python

Python django框架应用中实现获取访问者ip地址示例

2019/05/17 Python

Python多进程入门、分布式进程数据共享实例详解

2019/06/03 Python

python 求某条线上特定x值或y值的点坐标方法

2019/07/09 Python

OpenCV python sklearn随机超参数搜索的实现

2020/01/17 Python

pytorch 实现在一个优化器中设置多个网络参数的例子

2020/02/20 Python

Python接口测试数据库封装实现原理

2020/05/09 Python

卸载tensorflow-cpu重装tensorflow-gpu操作

2020/06/23 Python

python 如何停止一个死循环的线程

2020/11/24 Python

selenium框架中driver.close()和driver.quit()关闭浏览器

2020/12/08 Python

pycharm最新激活码有效期至2100年（亲测可用）

2021/02/05 Python

html5中valid、invalid、required的定义

2014/02/21 HTML / CSS

办公室文书岗位职责

2013/12/16 职场文书

大学班级干部的自我评价分享

2014/02/10 职场文书

村创先争优活动总结

2014/08/28 职场文书

村官个人总结范文

2015/03/03 职场文书

2015年学校信息技术工作总结

2015/05/25 职场文书

宿舍管理制度范本

2015/08/07 职场文书

发工资啦！教你用Python实现邮箱自动群发工资条

2021/05/10 Python