ng4跳坑记录

一. 生命周期

1. 触发ngChanges的条件

● 组件@Input输入属性变化
● !!输入属性内部属性变化时不会触发（重要）!!

二. 基础指令

1. 在使用ngIf时，内部为false的情况必须放在true前，否则报错undefined

clipboard.png

三. 表单相关

1. 响应式表单中在controller内部修改表单项时也会触发change事件

响应式表单.png

2. angula中响应式表单通过对form.value操作也会直接修改表单项的值

如果想不修改的话需要进行深拷贝

响应式表单.png

3. select相关组件默认值问题

必须在option ngFor数组中找到对应的对象放入select的value中才可设置初始值(引用必须一致)，自定义的相同结构对象设置为value也无法实现default value的设置(因为自定义的引用不在ngFor的数组中)

五. service: 不是单例

而是根据树形结构分布在不同节点，当子节点无法找到目标service时会向上找父层service

service.png