这一篇从自定义指令出发,记录了定义一个指令时影响指令行为的各种因素。 试着感受这些因素,让自己更高效地编写AngularJS应用。 Directive 先从定义一个简单的指令开始。 定义一个指令本质上是在HTML中通过元…
分类:angularjs
angularjs学习笔记—工具方法
angular.bind(self, fn, args) 作用:返回一个新的函数,绑定这个函数的this指向self 参数: self:新函数的上下文对象 fn:需要绑定的函数 args:传递给函数的参数 返回值:thi…
Angular 4.x ngModel 双向绑定原理揭秘
在 Angular 4.x 中对于使用 Template-Driven 表单场景,如果需要实现表单数据绑定。我们就需要引入 ngModel 指令。该指令用于基于 domain 模型,创建 FormControl 实例,并…
AngularJS的ngclass的用法
在angular中为我们提供了3种方案处理class: 1.scope变量绑定(不推荐使用) controller代码 javascriptfunction ctr($scope){ $scope.test =“clas…
angularjs scrollTop
<style> .scrollToTop { position: fixed; bottom: 70px; right: 15px; width: 45px; height: 45px; border-rad…
[译] 通过 Webpack 实现 AngularJS 的延迟加载
原文链接:http://michalzalecki.com/lazy-load-angularjs-with-webpack/ 随着你的单页应用扩大,其下载时间也越来越长。这对提高用户体验不会有好处(提示:但用户体验正是…
用gulp+mock实现前后端分离
gulp 前端自动化构建工具 需要配置nodejs环境, 利用npm安装全局gulp,安装后可以输入gulp指令。 npm install gulp -g 创建项目目录、初始化npm包、gulp npm init gul…
杀手锏 - 在控制器中显式地声明数据模型
在这篇文章中,我们将会研究一下,在控制器中显式地声明数据模型对我们的编程都有哪些好处,在这个过程中有哪些需要我们注意的地方;好了,废话不多说,进入主题吧! 需要知道的知识 ng-controller 是一个特殊的指令,它…
Hacking with Angular:如何在深层嵌套ngRepeat中获取不同层级的$index
使用ngRepeat指令的时候,我们一般会通过$index获取当前层级的每一项循环的索引,但是当我们循环出来的数据中还有数组(数组A)需要我们循环的话,我们还是会使用ngRepeat来循环我们这个数组。但是这个时候,假如…
Angular 2 DI - IoC & DI - 1
IoC 是什么 Ioc – Inversion of Control , 即”控制反转”。在开发中, IoC 意味着你设计好的对象交给容器控制,而不是使用传统的方式,在对象内部直接控制…
Angular 4 依赖注入教程之四 FactoryProvider的使用
目录 Angular 4 依赖注入教程之一 依赖注入简介 Angular 4 依赖注入教程之二 组件服务注入 Angular 4 依赖注入教程之三 ClassProvider的使用 Angular 4 依赖注入教程之四 …
angularjs watch only once
在watch的对象前加上两个冒号’::’就能实现只watch一次 $scope.$watch('::something', function() { ... });