Angularjs笔记-MVC

大漠穷秋老师 - 慕课网视频教程 - 笔记

1、MVC

1.1、为什么需要MVC？

(1).代码规模越来越大，切分职责是大势所趋

(2).为了复用：很多逻辑是一摸一样的

(3).为了后期维护方便：修改一块功能不影响其它功能

MVC只是手段，终极目标是模块化和复用

1.2、前端MVC的困难

操作Dom的代码必须是等待整个页面全部加载完成

多个JS文件之间如果出现互相依赖，程序员必须自己解决

js的原型继承也给前端编程带来了很多困难

 

2、如何使用控制器

Controller使用过程中的注意点：

(1).不要试图去复用Controller，一个控制器一般只负责一小块视图

(2).不要在Controller中操纵DOM，这不是控制器的职责

(3).不要在Controller里面做数据格式化，ng有很好的表单控件

(4).不要在Controller里面做数据过滤操作，ng有$filter服务

(5).一般来说，Controller是不会互相调用的，控制器之间的交互会通过事件进行

 

3、神奇的$scope(AngularJS的MVC是借助于$scope实现的)

(1).$scope是一个POJO(Plain Old Javascript Object)

(2).$scope提供了一些工具方法$watch()/$apply()

(3).$scope是表达式的执行环境(或者叫作用域)

(4).$scope是一个树型结构， 与DOM标签平行。

(5).子$scope对象会继承父$scope上的属性和方法。

(6).每一个Angular应用只有一个根$scope对象(一般位于ng-app上)

(7).$scope可以传播事件，类似DOM事件，可以向下也可以向上。

(8).$scope不仅是MVC的基础，也是后面实现双向数据绑定的基础。

(9).可以用angular.element($0).scope()进行调试。

(10).$scope的生命周期如下：