angular 常用模块

BrowserModule

当你想要在浏览器中运行应用时

import { BrowserModule } from '@angular/platform-browser';

CommonModule

当你想要使用 NgIf 和 NgFor 内置指令时必须引入

import { Component} from '@angular/core';

• NgClass 从 HTML 元素上添加和移除 CSS 类。
• NgIf 当表达式的计算结果为true时，Angular会呈现then子句中提供的模板，当为false或null时，Angular会呈现可选的else子句中提供的模板。else子句的默认模板是空的。
• NgStyle 可以通过指定用冒号分隔的键值对来设置一个或多个样式属性
• NgTemplateOutlet 根据一个提前备好的 TemplateRef 插入一个内嵌视图。
• AsyncPipe AsyncPipe
• DatePipe 根据区域设置规则格式化日期值。
• JsonPipe 把一个值转换成 JSON 字符串格式。在调试时很有用。
• SlicePipe 从一个 Array 或 String 中创建其元素一个新子集（slice）。

官方文档
点击具体指令和管理名称，可查看其使用方法

FormsModule

当要构建模板驱动表单时（它包含 NgModel ）

import { FormsModule } from '@angular/forms';

这个模块包含的指令

＃ReactiveFormsModule

当要构建响应式表单时

import { ReactiveFormsModule,} from '@angular/forms';

这个模块包含的指令

#RouterModule

要使用路由功能，并且你要用到 RouterLink,.forRoot() 和 .forChild() 时

配置项：

• enableTracing 可以切换路由器是否应该把它所有的内部事件都记录到控制台中。

• useHash 启用 LocationStrategy 位置策略，用 URL 片段（#）代替 history API。

• initialNavigation 禁用首次导航。

• errorHandler 为那些失败的导航定义了一个自定义错误处理器。

• preloadingStrategy 配置预加载策略（参见 PreloadAllModules）。

• onSameUrlNavigation 定义了当路由器接收到一个到当前 URL 的导航请求时，应该做什么。

• scrollPositionRestoration 配置了当导航回来时是否需要还原滚动位置。

• anchorScrolling 配置了当 URL 指定了一个片段（fragment）时，路由器是否需要滚动到那个元素处。

-scrollOffset 配置了当滚动到某个元素时，路由应该使用的滚动偏移量。

-paramsInheritanceStrategy 定义了路由器要如何把父路由的参数、数据和解析出的数据合并到子路由中。

• malformedUriErrorHandler 定义了一个自定义的无效 uri 错误处理器函数。当 encodedURI 的参数中包含错误的字符序列时，就会调用这个处理器。

• urlUpdateStrategy 定义了路由器应该何时更新浏览器的 URL。默认的行为是在成功的导航之后才更新。

• relativeLinkResolution 指定了在空路径路由的组件中应该正确解析相对路径

指令

• RouterLink 让你可以在应用中链接到特定的路由。

这个模块包含的指令

HttpClientModule

当你要和服务器对话时

import { HttpClient} from '@angular/common/http';

这个模块包含的指令