【前端框架】Angular4.0学习笔记

一、Angular简介

二、模块Module和组件Component

三、路由Route

1、路由传参

2、重定向路由

3、子路由

4、辅助路由

5、路由守卫

6、resolve守卫

四、依赖注入-提供器Provide和注入器Injector

五、数据绑定、响应式编程、管道

1、数据绑定

2、事件绑定

 

3、Dom属性绑定

doOnInput(event:any){
    console.log(event.target.value);//获取的是dom属性的值，会随着input输入值变化
    console.log(event.target.getAttribute('value'));//获取的是html属性的值，永远是初始值，不会随着input输入值变化
}

4、HTML属性绑定

5、双向绑定

6、响应式编程

7、管道

（1）内置管道

常用的有：date、uppercase等

（2）自定义管道

 

六、组件间通讯内容

1、输入属性

（1）父组件向子组件输入属性方式（通过装饰器@Input()）

（2）路由间输入属性方式（通过在构造器中定义ActivatedRoute）

2、输出属性

待笔记。。

3、中间人模式

两个没有关联的组件之间通讯，需要有一个共同的父组件做中间人，中间人通过属性输出和属性绑定完成通讯。

如果两个组件没有共同的父组件，则考虑用服务来通讯。

4、组件生命周期

（1）OnChanges钩子

（2）变更检测和DoCheck钩子

该函数内的逻辑一定要是高效的、轻量级的，否则容易引起性能问题（任何一个组件的变更都会引起所有组件的DoCheck钩子）

 

（3）view钩子