前言
Angular 是一个非常流行的前端框架，其前端开发者使用了各种技术。在这些技术中，npm 是我们所熟知的一个包管理器。随着 Angular 的社区不断壮大，相应的 Angular npm 包也得到了更多的发展。本文将为您详细介绍 npm 包 @angular/common 的使用方法。
概述
@angular/common 是一个 Angular 官方提供的 npm 包。它包含了要在所有 Angular 应用程序中使用的常见 Angular 模块和功能。它的目标是提供重复使用的代码，从而减少代码量，使得开发更加高效。
安装
安装 @angular/common 非常简单。首先，你需要安装最新版本的 Angular CLI ，然后打开命令行终端，输入以下命令：
npm install @angular/common --save
这条命令将安装 @angular/common 包，并将其添加到项目的 package.json 文件中。当你的项目需要使用这个包时，运行以下命令：
ng serve
这条命令将自动启动服务器并在 localhost:4200 上运行你的应用程序。
常用模块
@angular/common 包含了许多 Angular 的常用模块。在这些模块中，最常用的模块是 CommonModule，这是一个包含通用指令和管道的模块。其他常用模块如下所示：
1. BrowserModule
BrowserModule 是 Angular 的浏览器模块，它允许 Angular 应用在浏览器中运行。Angular 为每个应用程序只导入一次 BrowserModule。
2. FormsModule
FormsModule 允许你使用表单的双向绑定。它还通过提供 NgForm 和 NgModel 指令来帮助开发者处理表单数据验证。
3. ReactiveFormsModule
与 FormsModule 类似，ReactiveFormsModule 提供了一个和表单有关的模块。相比于 FormsModule，它更加强大和灵活，适用于更加复杂的表单结构。
4. HttpClientModule
HttpClientModule 允许你在 Angular 应用中使用 HTTP 客户端。它的功能包括对请求的构建、响应处理、请求并发与流处理等。
使用示例
下面是一个简单的示例程序，演示了如何从 @angular/common 中导入模块。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ------------ - ---- ------------------ ------ - ------------ - ---- ------------------ ----------- ------------- --------------- -------- --------------- -------------- ---------- -------------- -- ------ ----- --------- - -
这段代码定义了一个 Angular 模块，包含了 BrowserModule 和 CommonModule。
总结
本文介绍了 npm 包 @angular/common 的安装和使用以及常见模块的用途。如果您想在 Angular 应用程序中使用这个包，请务必好好利用它所提供的所有好处。在使用过程中如遇到问题，请务必查阅官方文档和社区论坛，避免偏听偏信导致不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108023