【AngularJS1.X学习笔记6-控制器和作用域】的更多相关文章

AngularJS1.X学习笔记6-控制器和作用域

经过一番艰苦卓绝的鏖战,我终于来到了控制器和作用域部分.控制器作为MVC的C,其重要性不可谓不重要:作用域决定了你可以拿到哪些东西,亦是分外重要.现在就来学习一下两个东西.去看看$apply,$watch,$broadcast是个什么鬼. 一.谈谈MVC 阮一峰老师说Angular是一个叫MVVM的模式(http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html),而自由男人说这是一个MVC框架,个人认为都差不多,目标都是分层,便于协作和维护,…

AngularJS1.X学习笔记1-整体看看

听说 明天是愚人节,这与我有什么关系呢!我可 不想被愚弄,但是但是,我这么笨怎么才能不被愚弄呢?左思右想,我决定从现在开始闭关,闭关干啥哩?学习!学习AngularJS.以前学习过Angular的,不过很久没用都忘的差不多了,所以决定好好复习一下.这两天我将多发几篇随笔,记录一下我的学习过程.参考用书<AngularJS高级程序设计-Adam Freeman>,我会参考书中的例子做一遍,谈谈自己的理解.现在按照作者的思路先总体把握一下,后面再一个一个看. 一.Module对象 调用angula…

ES6学习笔记之块级作用域

ES6学习笔记:块级作用域 作用域分类 全局作用域 局部作用域 块级作用域 全局作用域示例 var i=2; for (var i = 0; i < 10; i++) { } console.log(i);//10 这里就出现了意料之外的结果,此种原因是变量提升造成过的 局部作用域示例 !(function () { console.log(b);//undefined var b = 2; })() 为什么会输出undefined,而不是报错? 此种也是变量提升造成的意料之外的结果,上面代码等…

AngularJS1.X学习笔记10-自定义指令（下）

继续继续,学完这个部分就去吃饭.引用自由男人的话作为本文的开始:“默认情况下,链接函数被传入了控制器的作用域,而该控制器管理着的视图包含了指令所应用到的元素”.果然像是绕口令,还是看看你的例子比较好. 一.在一个控制器中应用同一指令 <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <ti…

Swoft2.x 小白学习笔记 (一) ---控制器

Swoft通过官方文档进行学习,这里不做介绍,直接上手. 涉及到Swoft方面:(配置.注意的坑) 1.控制器(路由.验证器.中间件) 2.mysql  (Model使用).Redis配置及通用池 3.Task(任务.定时任务,监听器) 4.协程简单实现 5.RPC实现 准备: 1.先安装php各种扩充,有的扩充不兼容需要禁用 2.先安装 swoftcli,能让修改代码重新启动,生效.https://www.swoft.org/docs/2.x/zh-CN/tool/swoftcli/index…

《JavaScript高级程序设计》学习笔记(3)——变量、作用域和内存问题

欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第四章内容. 1.函数:通过函数可以封装任意多条语句,而且可以在任何地方.任何时候调用执行.ECMAScript中的函数用function关键字来进行声明,后面跟一组参数以及函数体.不必指定是否有返回值. function functionName(args0,args1,...argsN){ //statements } 2.函数的重载:为一个函…

AngularJS1.X学习笔记13-动画和触摸

本文主要涉及了ngAnimation和ngTouch模块,自由男人讲的比较少,估计要用的时候还要更加系统的学习一下. 一.安装 没错,就是酱紫. 二.玩玩动画 <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>route test</title> <s…

AngularJS1.X学习笔记11-服务

如果我没记错的话,spring里边有个service层.什么是服务呢?个人理解就是很多地方要用的,可以跨越控制器甚至是跨越模块的工具.AngularJS也为我们提供了服务这种机制,这让我们可以将一些不属于某个控制器独有的东西定义成一个服务,要用的时候直接拿过来就好.使用服务有什么好处呢?一是便于统一修改,二是调用者不用关心内部实现,三是便于测试. 一.factory <!DOCTYPE html> <html lang="en" ng-app='myApp'>…

AngularJS1.X学习笔记8-自定义指令（上）

AngulaJS的指令是一种非常强大的特性,一个ng-repeat就能让我们非常方便的展示一个数据列表,指令相当于是一个组件,为我们将一些东西封装起来了,提供了复用的可能性.个人认为自定义指令还是比较复杂的,下面开始攻关. 一.三个重要参数 <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> &l…

AngularJs 学习笔记（一）作用域

AngularJs采用了注重时效的MVC方式,是基于MVW模式. 1.$scope和作用域的概念. AngularJs中的$scope对象是模板的域模型,也称作作用域实例,通过为其属性赋值,可以传递给函数进行渲染,$scope对象可以精准地控制域模型的数据和操作. 2.Controller控制器 其本质就是一个JavaScript函数,不需要扩展任何AngularJs的类或者API.其主要职责是初始化作用域实例,包括提供模型的初始值和增加UI相关的行为来扩展$scope对象.在设定模型初始值的时…