angularJS 简述

angularJS 简述

一、angularJS的特征：

1.angularJS基于MVC思想，将数据，视图和控制逻辑分离，降低代码耦合度，

把应用程序比喻为一个工厂，模型就像是工厂的仓库，用户存储产品原料相当于模型存储数据，同时仓库对进出物品需

要进行管理就好比模型需要对数据的进出进行验证，

视图好比工厂的销售部门，将工厂的产品展示给消费者相当视图将数据绑定到页面然后呈现给用户

控制器就像工厂的管理部门，用于调度工厂其他部门协调运转，销售部门和仓库没有直接的联 系需要通过管理部门的和

仓库联系，管理部门调用仓库的原料到销售部门，

视图，模型，控制器三层都是具备数据和代码逻辑的，视图和模型更多的逻辑是用于对数据进行序列化或者解析，控制

器更重要的是对数据进行传送，使得视图与模型之间可以间接联 系

angularJS其实更像是MVVM（Model-View-ViewModel）思想的框架，

angularJS的模型并不像传统的MVC中的模型，它是一个简单的JavaScript对象而已，而传统的Model要复杂的多，获

取写入数据需要接口，会限制读写权限，比如通过get/Set函数来控制

angularJS的V指的是视图，是HTML经过angularJS解析编译过后渲染的结构标记和绑定了数据的HTML

angularJS的VM指的是ViewModel视图模型，在angularJS中是$scope对象，它为视图提供数据或者方法来维持视图

的实时更新

控制器是通过逻辑行为来初始化scope,或者是对scope进行扩展，本身并不会存储数据

MVVM的分配规则使得视图，视图模型，控制器，模型各部分之间有固定的功能$scope用于向视图暴露数据，同时又

能在控制器的控制下与模型实现对接实现扩展，视图专门处理页面数据绑定，控制器定义行为实现处理逻辑，模型提供

数据基础

2.angularJS实现了双向数据绑定

传统的数据输入到呈现在页面其他元素中，是需要在DOM操作之后才能完成，angularJS能够将页面元素的数据在两个

元素之间实现同步，解放了传统繁琐的DOM操作，使得开发者能够集中精力注重代码逻辑和程序的创造上。

3.angularJS的模板标签

angularJS的模板标签其实是在原有的HTML基础上扩展了标签的属性，和标签

angularJS模板的执行其实是先在浏览器中解析生成DOM树，然后再将DOM树交给angularJS编译解析，然后

angularJS根据HTML中的ng-指令来决定对DOM进行如何操作

angularJS并不是直接操作HTML字符串，而是操作DOM对象，所以数据绑定不是HTML和HTML之间直接绑定而是需

要经过DOM转化而进行的

4.angularJS指令:

angularJS的指令定义对DOM如何操作，简单却功能强大，是angularJS的核心

可以通过直接定义指令来拓展属性混合标签，比如我们定义了一个my-directive指令，那么以下两种写法都能被

angularJS所识别，
,

5.angularJS的依赖注入机制

依赖注入就是angularJS将某些功能分别封装到不同的模块当中，在我们需要的时候在注入到当前模块中就能够使用

依赖注入的优点是实现模块化编程，按需组合，

angularJs支持自定义模块，具有可拓展性