Angular知识点梳理五

目录

NgMoudle常用模块

常用元数据

服务的作用域与唯一性

作用域

唯一性

惰性加载模块使用

Angular路由

基本使用方式

常用模块部件

常用事件一览

ActivatedRoute中常用的路由参数

路由守卫

---

NgMoudle常用模块

NgModule	导入自	为何使用
BrowserModule	@angular/platform-browser	当你想要在浏览器中运行应用时
CommonModule	@angular/common	当你想要使用 NgIf 和 NgFor 时
FormsModule	@angular/forms	当要构建模板驱动表单时（它包含 NgModel ）
ReactiveFormsModule	@angular/forms	当要构建响应式表单时
RouterModule	@angular/router	要使用路由功能，并且你要用到 RouterLink,.forRoot() 和 .forChild() 时
HttpClientModule	@angular/common/http	当你要和服务器对话时

常用元数据

属性	说明
declarations	属于该模块的可声明对象（组件、指令和管道）的列表。 当编译模板时，你需要确定一组选择器，它们将用于触发相应的指令。 该模板在 NgModule 环境中编译 —— 模板的组件是在该 NgModule 内部声明的，它会使用如下规则来确定这组选择器： 列在 declarations 中的所有指令选择器。 从所导入的 NgModule 中导出的那些指令的选择器。 组件、指令和管道只能属于一个模块。 如果尝试把同一个类声明在多个模块中，编译器就会报告一个错误。 小心，不要重复声明从其它模块中直接或间接导入的类。
providers	依赖注入提供商的列表。 Angular 会使用该模块的注入器注册这些提供商。 如果该模块是启动模块，那就会使用根注入器。 当需要注入到任何组件、指令、管道或服务时，这些服务对于本注入器的子注入器都是可用的。 惰性加载模块有自己的注入器，它通常是应用的根注入器的子注入器。 惰性加载的服务是局限于这个惰性加载模块的注入器中的。 如果惰性加载模块也提供了 UserService，那么在这个模块的上下文中创建的任何组件（比如在路由器导航时），都会获得这个服务的本模块内实例，而不是来自应用的根注入器的实例。 其它外部模块中的组件也会使用它们自己的注入器提供的服务实例。 要深入了解关于多级注入器及其作用域，参见服务提供商。
imports	要折叠（Folded）进本模块中的其它模块。折叠的意思是从被导入的模块中导出的那些软件资产同样会被声明在这里。 特别是，这里列出的模块，其导出的组件、指令或管道，当在组件模板中被引用时，和本模块自己声明的那些是等价的。 组件模板可以引用其它组件、指令或管道，不管它们是在本模块中声明的，还是从导入的模块中导出的。 比如，只有当该模块导入了 Angular 的 CommonModule（也可能从BrowserModule中间接导入）时，组件才能使用NgIf和NgFor` 指令。 你可以从 CommonModule 中导入很多标准指令，不过也有些常用的指令属于其它模块。 比如，你只有导入了 Angular 的 FormsModule 时才能使用 [(ngModel)]。
exports	可供导入了自己的模块使用的可声明对象（组件、指令、管道类）的列表。 导出的可声明对象就是本模块的公共 API。 只有当其它模块导入了本模块，并且本模块导出了 UserComponent时，其它模块中的组件才能使用本模块中的 UserComponent。 默认情况下这些可声明对象都是私有的。 如果本模块没有导出 UserComponent，那么就只有<