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

Select标签下拉列表二级联动级联实例代码

Feb 07 Javascript

使用js操作css实现js改变背景图片示例

Mar 10 Javascript

JQuery仿小米手机抢购页面倒计时效果

Dec 16 Javascript

JavaScript如何动态创建table表格

Aug 02 Javascript

浅析JavaScript声明变量

Dec 21 Javascript

jQuery实现TAB选项卡切换特效简单演示

Mar 04 Javascript

javaScript知识点总结(必看篇)

Jun 10 Javascript

深入浅析Vue组件开发

Nov 25 Javascript

浅谈Vue.js路由管理器 Vue Router

Aug 16 Javascript

javascript原型链学习记录之继承实现方式分析

May 01 Javascript

jquery图片预览插件实现方法详解

Jul 18 jQuery

微信小程序实现购物车功能

Nov 18 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 的几个配置文件函数

2006/12/21 PHP

php压缩多个CSS为一个css的代码并缓存

2011/04/21 PHP

关于使用key/value数据库redis和TTSERVER的心得体会

2013/06/28 PHP

几个实用的PHP内置函数使用指南

2014/11/27 PHP

php有效防止同一用户多次登录

2015/11/19 PHP

PHP 文件上传限制问题

2019/09/01 PHP

让whoops帮我们告别ThinkPHP6的异常页面

2020/03/02 PHP

escape、encodeURI、encodeURIComponent等方法的区别比较

2006/12/27 Javascript

javascript+dom树型菜单类，希望朋友们一起进步

2007/05/03 Javascript

javascript 兼容鼠标滚轮事件

2009/04/07 Javascript

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

2010/12/02 Javascript

详解jquery uploadify 上传文件

2013/11/09 Javascript

推荐一款jQuery插件模板

2015/01/09 Javascript

JS实现网页Div层Clone拖拽效果

2015/09/26 Javascript

关于jquery layui弹出层的使用方法

2018/04/21 jQuery

小程序图片长按识别功能的实现方法

2018/08/30 Javascript

[10:53]2018DOTA2国际邀请赛寻真——EG

2018/08/11 DOTA

Python中%r和%s的详解及区别

2017/03/16 Python

Python中用post、get方式提交数据的方法示例

2017/09/22 Python

Python设计模式之MVC模式简单示例

2018/01/10 Python

小白入门篇使用Python搭建点击率预估模型

2018/10/12 Python

基于Python的Post请求数据爬取的方法详解

2019/06/14 Python

Pandas之排序函数sort_values()的实现

2019/07/09 Python

Python datetime包函数简单介绍

2019/08/28 Python

Django Admin中增加导出Excel功能过程解析

2019/09/04 Python

python爬虫快速响应服务器的做法

2020/11/24 Python

AmazeUI中模态框的实现

2020/08/19 HTML / CSS

微型企业创业投资计划书

2014/01/10 职场文书

十岁生日同学答谢词

2014/01/19 职场文书

青春无悔演讲稿

2014/05/08 职场文书

保护环境倡议书300字

2014/05/19 职场文书

学校政风行风评议工作总结

2014/10/21 职场文书

2014年办公室个人工作总结

2014/11/12 职场文书

2019年让高校“心动”的自荐信

2019/03/25 职场文书

css 中多种边框的实现小窍门

2021/04/07 HTML / CSS

Mongo服务重启异常问题的处理方法

2021/07/01 MongoDB