@import { TestModule } from ‘……’
const routes: Routes = [
{ path: ”, loadChildren: () => TestModule }
];
组件生命周期
//这个顺序是按照执行的先后排列的
constructor：构造器函数，一般用于注入服务
ngOnChanges：检测到输入数据变化，首次触发发生在ngOnInit前。注意对象的属性发生变化时监听不到
ngOnInit：组件初始化，通常会设置一些初始值
ngDoCheck：手动触发更新检查
ngAfterContentInit：内容初始化到组件之后
ngAfterContentChecked：内容变更检测之后
ngAfterViewInit：视图 初始化之后
ngAfterViewChecked：视图发生变化检测之后，这个可以用来保证用户视图的及时更新
ngOnDestroy：组件注销时的清理工作，通常用于移除事件监听，退订可观察对象等
装饰器
Angular中的装饰器是一个函数，它将元数据添加到类、类成员（属性、方法）和函数参数。
Angular 有很多装饰器，它们负责把元数据附加到类上，以了解那些类的设计意图以及它们应如何工作。
类装饰器应用于类构造函数，可以用来监视，修改或替换类定义。
类装饰器表达式会在运行时当作函数被调用，类的构造函数作为其唯一的参数。
@Component标记类作为组件并收集组件配置元数据(继承Directive)
@Directive标记类作为指令并收集组件配置元数据
声明当前类是一个指令，并提供关于该指令的元数据
@Pipe******
声明当前类是一个管道，并且提供关于该管道的元数据
@Injectable标记元数据并可以使用Injector注入器注入
声明当前类有一些依赖，当依赖注入器创建该类的实例时，这些依赖应该被注入到构造函数中。
@NgModule******
NgModule是一个装饰器函数，它接收一个用来描述模块属性的元数据对象。其中最重要的属性是：
declarations -声明本模块中拥有的视图类。(Angular有三种视图类：组件、指令和管道？。)
exports - declarations的子集，可用于其它模块的组件模板。Ps：模块导出声明
imports -本模块声明的组件模板需要的类所在的其它模块。Ps:模块导入声明
bootstrap -指定应用的主视图（称为根组件），它是所有其它视图的宿主。只有根模块才能设置bootstrap属性。
**属性装饰器******
属性装饰器表达式会在运行时当作函数被调用，
传入下列2个参数：
对于静态成员来说是类的构造函数，对于实例成员是类的原型对象。
成员的名字。
**@Input******
声明一个输入属性，以便我们可以通过属性绑定更新它。
**@Output******
声明一个输出属性，以便我们可以通过事件绑定进行订阅。
**@Hostbinding********把宿主元素的属性(比如CSS类）绑定到指令/组件的属性******
**@HostListener******
通过指令/组件的方法订阅宿主元素的事件
@ContentChild配置一个内容查询
@ViewChild配置一个视图查询
@ContentChildren配置多个个内容查询(返回QueryList类型)
@ViewChildren配置多个视图查询(返回QueryList类型)
参数装饰器******
参数装饰器表达式会在运行时当作函数被调用，
传入下列3个参数：
对于静态成员来说是类的构造函数，对于实例成员是类的原型对象。
成员的名字。
参数在函数参数列表中的索引。
注意参数装饰器只能用来监视一个方法的参数是否被传入。
@Inject指定依赖关系的参数装饰器(一般用来注入被标记Injectable的类)
@Optional将依赖项标记为可选的参数元数据. 如果没有找到依赖关系,注射器将提供null
@Self指定注射器只能从本身检索依赖关系****
@SkipSelf指定注射器只能从父类检索依赖关系****
@Host按照依赖关系来检索
网友评论