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 ng-href="string"></a>

<a> 元素支持该指令。

参数值

描述
expression 字符串,表达式的执行结果

以上就是对AngularJS no-href资料的整理,后续继续补充,希望能帮助学习AngularJS的同学。

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