AngularJS学习笔记一 基本概念

    这是本人学习AngularJS时的一些笔记，学习进度与内容可以参考《AngularJS入门与进阶》江荣波著。主要是一些知识点的总结和自己对相关内容的一些理解，内容都是比较基础的。若有错误，欢迎指出。

1.AngularJS是Google工程师研发的一款开放源代码的JavaScript框架。完全使用JavaScript编写客户端的技术。AngularJS以HTML作为模板语言并扩展HTML元素及属性，使得应用开发保持高度清晰和一致。

2.下载AngularJS，通过script标签引入Angular库文件即可使用Angular。

3.ng-app是AngularJS的一个内置指令，可以出现在任意位置，作用如下：

①启动AngularJS框架；

②告诉AngularJS框架从ng-app指令所在标签的开始标签到结束标签之间的所有DOM元素由AngularJS框架进行管理。

4.AngularJS表达式：{{expression}}

①AngularJS框架遇到嵌套的两层大括号时会把嵌套大括号中的内容作为表达式处理；

②支持处理四则运算、字符串拼接、逻辑运算；

③AngularJS表达式可以访问作用域中的数据，把数据输入到HTML页面。

5.AngularJS双向数据绑定

    数据绑定是AngularJS框架在视图（DOM元素）与作用域之间建立的数据同步机制，所谓的“双向”是指界面的操作能够实时同步到作用域中，作用域中的数据修改也能够实时回显到界面中。

6.①ng-model指令：只能用在表单元素上建立数据绑定；

②ng-bind指令：实现作用域到视图的单向数据绑定，和表达式功能类似，可用于向界面中输出作用域中的内容；

③表达式与ng-bind的比较：使用表达式时，可能由于网络问题导致AngularJS加载缓慢而使用户看不到表达式的效果。使用ng-bind指令时，在AngularJS加载完毕前是不会执行的，保证用户看到的效果。

7.AngularJS与MVC

①MVC时model（模型）、view（视图）、controller（控制器）的首字母缩写。MVC的核心思想是把数据的管理、业务逻辑控制和数据的展示分离开，使程序的逻辑性和可维护性更强。

②AngularJS中的MVC：

model（模型）：作用域对象中的属性；

view（视图）：DOM元素，从用户的角度来看就是HTML页面，在view中可以通过AngularJS表达式访问模型数据；

controller（控制器）：用户自定义的构造方法，作用域中的模型数据可以通过依赖注入的方式注入控制器中。

③目前普遍认为AngularJS是一款MVW（model-view-whatever）框架。这是因为早期的AngularJS框架比较接近与MVC，而随着不断改进，$scope对象可以认为是由一个方法（controller）包装后的viewmodel。看上去更接近于MVVM框架。因此，认识它是一个mvw框架。