编程 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中剪贴板兼容性、判断复制成功或失败

Mar 09 Javascript

js 深拷贝函数

Dec 04 Javascript

jquery $.ajax相关用法分享

Mar 16 Javascript

jQuery 的全选(全非选)即取得被选中的值使用介绍

Nov 12 Javascript

jquery+css实现绚丽的横向二级下拉菜单-附源码下载

Aug 23 Javascript

bootstrap快速制作后台界面

Dec 05 Javascript

Bootstrap栅格系统的使用和理解2

Dec 14 Javascript

React中如何引入Angular组件详解

Aug 09 Javascript

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

Sep 25 Javascript

vue router 通过路由来实现切换头部标题功能

Apr 24 Javascript

深入剖析JavaScript instanceof 运算符

Jun 14 Javascript

VUE+elementui面包屑实现动态路由详解

Nov 04 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下实现一个阿拉伯数字转中文数字的函数

2008/07/10 PHP

php getcwd与dirname(__FILE__)区别详解

2016/09/24 PHP

原生Js实现按的数据源均分时间点幻灯片效果(已封装)

2010/12/28 Javascript

去掉gridPanel表头全选框的小例子

2013/07/18 Javascript

javascript使用百度地图api和html5特性获取浏览器位置

2014/01/10 Javascript

jQuery入门基础知识学习指南

2015/08/14 Javascript

关于Iframe父页面与子页面之间的相互调用

2016/11/22 Javascript

Angular动态添加、删除输入框并计算值实例代码

2017/03/29 Javascript

微信小程序教程系列之新建页面（4）

2017/04/17 Javascript

Javascript实现的StopWatch功能示例

2017/06/13 Javascript

详解Vuejs2.0 如何利用proxyTable实现跨域请求

2017/08/03 Javascript

JavaScript中使用参数个数实现重载功能

2017/09/01 Javascript

vue.js实现数据库的JSON数据输出渲染到html页面功能示例

2019/08/03 Javascript

解决layui数据表格Date日期格式的回显Object的问题

2019/09/19 Javascript

nodejs制作小爬虫功能示例

2020/02/24 NodeJs

Vue解决移动端弹窗滚动穿透问题

2020/12/15 Vue.js

如何封装Vue Element的table表格组件

2021/02/06 Vue.js

python版本的读写锁操作方法

2016/04/25 Python

Python调用scp向服务器上传文件示例

2019/12/22 Python

Python3运算符常见用法分析

2020/02/14 Python

Macbook安装Python最新版本、GUI开发环境、图像处理、视频处理环境详解

2020/02/17 Python

Python MySQL 日期时间格式化作为参数的操作

2020/03/02 Python

手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤

2020/08/07 Python

python实现图片素描效果

2020/09/26 Python

JD Sports马来西亚：英国领先的运动鞋和运动服饰零售商

2018/03/13 全球购物

Dillard’s百货官网：Dillards.com

2018/05/26 全球购物

MUGLER官方网站：蒂埃里·穆勒香水

2019/11/26 全球购物

俄罗斯最大的隐形眼镜销售网站：Ochkov.Net

2021/02/07 全球购物

元旦晚会上单位领导演讲稿

2014/01/05 职场文书

仓管员岗位责任制

2014/02/19 职场文书

数学检讨书1000字

2014/02/24 职场文书

市场营销方案范文

2014/03/11 职场文书

双拥工作宣传标语

2014/06/26 职场文书

2015毕业实习推荐信

2015/03/23 职场文书

品德与社会教学反思

2016/02/24 职场文书

导游词之南京夫子庙

2019/12/09 职场文书