angularjs学习笔记—指令a，ngHref

Channe 发布于2019-08-21 10:28 / 712人阅读

摘要：点击我啊当属性为空时，点击的时候页面不会刷新了，我们再也不需要这样写了点击我啊一般和指令结合使用点击我啊你点击我了一般和标签结合使用。使用了就就可以避免出现这种问题。如果链接中有表达式，就使用代替

点击我啊

当href属性为空时，点击的时候页面不会刷新了，我们再也不需要这样写了

点击我啊

一般和ng-click指令结合使用

#html

    点击我啊


#script
angular.module("learnModule", [])    
        .controller("LearnCtrl", function ($scope) {
            $scope.click = function () {
                alert("你点击我了");
            }
        });

ngHref

一般和a标签结合使用。试想下我们的链接是这样的时候

link1

angularjs的执行都是在DOM渲染完成之后，如果我们在angularjs执行这个表达式之前点击了链接，那么就直接访问了/avatar/{{hash}}，一般都会跳转到404页面，用户体验太烂了。

使用了ngHref就就可以避免出现这种问题。

link1

如果链接中有表达式，就使用ngHref代替href

GPU云服务器云服务器学习笔记学习笔记一基础学习笔记深度学习笔记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85589.html

Angularjs学习笔记指令

摘要：自定义指令中有很多内置指令，一般都是以开头的比如等等。本文介绍的自定义指令的用法。该参数的意思是替换指令的内容，更改上面的例子。将属性绑定到父控制器的域中学习概念多指令中的参数中增加了的值和的点击函数。自定义指令 angularjs中有很多内置指令，一般都是以ng开头的；比如：ng-app,ng-click,ng-repeat等等。本文介绍angularjs的自定义指令的用法。指令...

LeexMuller 2019-08-19 18:04 评论0 收藏0
Angularjs学习笔记指令

摘要：自定义指令中有很多内置指令，一般都是以开头的比如等等。本文介绍的自定义指令的用法。该参数的意思是替换指令的内容，更改上面的例子。将属性绑定到父控制器的域中学习概念多指令中的参数中增加了的值和的点击函数。自定义指令 angularjs中有很多内置指令，一般都是以ng开头的；比如：ng-app,ng-click,ng-repeat等等。本文介绍angularjs的自定义指令的用法。指令...

Cristic 2019-08-01 15:11 评论0 收藏0
AngularJS学习笔记(2) --- 指令参数和scope绑定策略

摘要：引言指令可以说是的核心，而其开发也是比较困难的，本文主要介绍指令的一些参数和的绑定策略。指令执行的优先级，用于多个指令同时作用于同一个元素时。改变父会影响指令，而改变指令不会影响父。在父和指令之间建立双向绑定。引言指令(Directive)可以说是 AngularJS 的核心，而其开发也是比较困难的，本文主要介绍指令的一些参数和scope的绑定策略。参数从 AngularJS ...

AndroidTraveler 2019-08-21 15:12 评论0 收藏0
angularjs学习笔记—事件指令

摘要：适用标签所有触发条件单击适用标签所有触发条件双击适用标签触发条件失去焦点适用标签触发条件获取焦点适用标签触发条件更新输入框的内容改变并不代表的值更新。如果按一个键很久才松开，发生的事件为。 ngClick 适用标签：所有触发条件：单击 #html click me click me #script angular.module(learnModule, []) ...

Lemon_95 2019-08-21 10:28 评论0 收藏0
angularjs学习笔记—指令input

摘要：新增的日期选择器。类型必填必填最小长度最大长度正则匹配正则匹配更新触发即使没有使用校验属性，只要数据不符合格式，就会被更新成。 input[text] input一般和ngModel结合使用来实现双向绑定，同时angular提供了很多表单校验的指令 required 必填 ngRequired 必填（ngRequired可以控制是否是必填校验） ngMinlength 最小长度...

princekin 2019-08-21 10:28 评论0 收藏0