angular js权威指南笔记

Posted 2020-06-13

ng-app 属性声明所有被其包含
的内容都属于这个 AngularJS 应用

 

只有被具有 ng-app 属性的 DOM 元素包含的元素才会受 AngularJS 影响

 

视图理解为模型状态的映射。当客户端的数据模型发生变化时，视图就能反映出这些变化

 

MVC 是一种软件架构设计模式，它将表现从用户交互中分离出来。通常来讲，模型中包含应用的数据和与数据进行交互的方
法， 视图将数据呈献给用户，而 控制器则是二者之间的桥梁

 

当 AngularJS 认为某个值可能发生变化时，它会运行自己的事件循环来检查这个值是否变 “ 脏 ”，这个过程被称作脏检查（ dirty checking ）

为了表示内部和内置的库函数， Angular 使用 $ 预定义对象，只要遇到 $ 符号，你都可以只把它看作一个 Angular 对象

 

数据模型对象（ model object ）是指 $scope 对象。 $scope 对象是一个简单的 javascript 对象，其中的属性可以被视图访
问，也可以同控制器进行交互。

 

双向数据绑定（ bi-directional ）意味着如果视图改变了某个值，数据模型会通过脏检查观察到这个变化，而如果数据模型改变了某
个值，视图也会依据变化重新渲染

 

DOM 元素上的 ng-controller 属性声明所有被它包含的元素都属于某个控制器

 

 ng-app="myApp" 时，我们的意思是告诉 Angular 在这里我们想要使用哪个模块

AngularJS 允许我们使用 angular.module() 方法来声明模块，这个方法能够接受两个参数，第一个是模块的名称，第二个是依赖列表，也
就是可以被注入到模块中的对象列表。

创建模块：

angular.module(‘myApp‘, [])
.controller(‘MyController‘, function($scope) {
// 稍后填充这里的代码
});

MyController 函数定义接受参数， DOM 元素的 $scope 对象从技术上讲这叫作 依赖注入

 

在视图中通过对象的属性而非对象本身来进行引用绑定，是 Angular 中的 最佳实践，即不直接在$scope上直接绑定属性

 

AngularJS 启动并生成视图时，会将根 ng-app 元素同 $rootScope 进行绑定。 $rootScope 是所有 $scope 对象的最上层。

 

$scope 的所有属性，都可以自动被视图访问到

 

指令：将 DOM 元素增强为可复用的 DOM 组件的属性或元素。
值绑定：模板语法 {{ }} 可以将表达式绑定到视图上。
过滤器：可以在视图中使用的函数，用来进行格式化。
表单控件：用来检验用户输入的控件

 

控制器并不适合用来执行 DOM 操作、格式化或数据操作，以及除存储数据模型之外的状态维护操作。它只是视图和 $scope 之间的桥梁