编程 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中日期的加减法

May 06 Javascript

详解javascript中原始数据类型Null和Undefined

Dec 17 Javascript

jQuery动画显示和隐藏效果实例演示(附demo源码下载)

Dec 31 Javascript

Vuejs第十三篇之组件——杂项

Sep 09 Javascript

BootStrap入门教程(一)之可视化布局

Sep 19 Javascript

Node.js使用MySQL连接池的方法实例

Feb 11 Javascript

微信小程序实现底部导航

Nov 05 Javascript

js字符串倒序的实例代码

Nov 30 Javascript

vue结合element-ui使用示例

Jan 24 Javascript

HTML+JS实现“代码雨”效果源码（黑客帝国文字下落效果）

Mar 17 Javascript

Element Notification通知的实现示例

Jul 27 Javascript

Vue.js中v-bind指令的用法介绍

Mar 13 Vue.js

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

用ＰＨＰ和ＡＣＣＥＳＳ写聊天室(二)

2006/10/09 PHP

PHP四大安全策略

2014/03/12 PHP

PHP微信开发之文本自动回复

2016/06/23 PHP

PHP实现批量检测网站是否能够正常打开的方法

2016/08/23 PHP

PHP7.1方括号数组符号多值复制及指定键值赋值用法分析

2016/09/26 PHP

php探针使用原理和技巧讲解

2019/09/17 PHP

laravel解决迁移文件一次删除创建字段报错的问题

2019/10/24 PHP

jQuery与ExtJS之选择实例分析

2010/08/19 Javascript

JavaScript中5种调用函数的方法

2015/03/12 Javascript

js 连续赋值的简单实现

2016/06/13 Javascript

只需五句话搞定JavaScript作用域(经典)

2016/07/26 Javascript

js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换

2016/12/06 Javascript

COM组件中调用JavaScript函数详解及实例

2017/02/23 Javascript

jQuery返回定位插件详解

2017/05/15 jQuery

angularjs性能优化的方法

2018/09/05 Javascript

浅谈从React渲染流程分析Diff算法

2018/09/08 Javascript

ES6函数和数组用法实例分析

2020/05/23 Javascript

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

2021/01/05 Vue.js

python编写Logistic逻辑回归

2020/12/30 Python

python中set()函数简介及实例解析

2018/01/09 Python

python制作填词游戏步骤详解

2019/05/05 Python

安装2019Pycharm最新版本的教程详解

2019/10/22 Python

python实现身份证实名认证的方法实例

2019/11/08 Python

Python遍历字典方式就实例详解

2019/12/28 Python

python 实现从高分辨图像上抠取图像块

2020/01/02 Python

OpenCV 表盘指针自动读数的示例代码

2020/04/10 Python

python 最简单的实现适配器设计模式的示例

2020/06/30 Python

如何利用python读取micaps文件详解

2020/10/18 Python

NARS化妆品官方商店：美国彩妆品牌

2017/08/26 全球购物

荷兰包包购物网站：The Little Green Bag

2018/03/17 全球购物

在印度上传处方，在线订购药品：Medlife

2019/03/28 全球购物

《孙权劝学》教学反思

2014/04/23 职场文书

我的中国梦演讲稿高中篇

2014/08/19 职场文书

入伍通知书

2015/04/23 职场文书

幼儿园2016年圣诞活动总结

2016/03/31 职场文书

Python爬虫之爬取某文库文档数据

2021/04/21 Python