angular js权威指南笔记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular js权威指南笔记相关的知识,希望对你有一定的参考价值。

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 之间的桥梁

以上是关于angular js权威指南笔记的主要内容,如果未能解决你的问题,请参考以下文章

js-权威指南学习笔记14

vue.js权威指南读书笔记(第二章)

js-权威指南学习笔记8

JS权威指南笔记1

js权威指南---学习笔记02

js权威指南---学习笔记01