在Angular 9中关于包导入作用域的变化

在Angular 9中，关于包导入作用域的变化主要体现在两个方面：模块级别的导入和全局导入。

1. 模块级别的导入： 在Angular 9之前，我们可以在任何地方导入一个模块，并在整个应用程序中使用它。但在Angular 9中，引入了模块级别的导入，这意味着我们只能在需要使用该模块的模块中导入它。这样做的好处是可以减少应用程序的体积，并提高构建速度。

模块级别的导入可以通过以下步骤实现：

• 在需要使用该模块的模块中，使用import语句导入模块。
• 在@NgModule装饰器的imports数组中，将导入的模块添加到该数组中。

例如，如果我们想在一个特定的模块中使用HttpClient模块，我们可以按照以下步骤进行导入：

1. 在该模块的顶部，使用import语句导入HttpClient模块： import { HttpClient } from '@angular/common/http';
2. 在@NgModule装饰器的imports数组中，将HttpClient模块添加到该数组中： imports: [HttpClientModule]
3. 全局导入： 在Angular 9之前，我们可以在根模块中全局导入一些常用的模块，例如FormsModule和HttpClientModule。但在Angular 9中，全局导入的方式发生了变化。

在Angular 9中，推荐使用SharedModule来管理全局导入的模块。SharedModule是一个独立的模块，用于导入和导出在整个应用程序中共享的模块。这样做的好处是可以提高代码的可维护性和可重用性。

全局导入可以通过以下步骤实现：

1. 创建一个SharedModule，并在该模块中导入需要全局使用的模块，例如FormsModule和HttpClientModule。
2. 在SharedModule中使用@NgModule装饰器的exports数组，将需要全局使用的模块添加到该数组中。
3. 在其他模块中，导入SharedModule，并将其添加到@NgModule装饰器的imports数组中。

例如，如果我们想在整个应用程序中全局使用FormsModule和HttpClientModule，我们可以按照以下步骤进行导入：

1. 创建一个SharedModule，并在该模块中导入FormsModule和HttpClientModule： import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http';
2. @NgModule({ imports: [FormsModule, HttpClientModule], exports: [FormsModule, HttpClientModule] }) export class SharedModule { }
3. 在其他模块中，导入SharedModule，并将其添加到@NgModule装饰器的imports数组中： import { NgModule } from '@angular/core'; import { SharedModule } from './shared/shared.module';
4. @NgModule({ imports: [SharedModule] }) export class AppModule { }

这样，FormsModule和HttpClientModule就可以在整个应用程序中全局使用了。

总结： 在Angular 9中，包导入作用域的变化主要体现在模块级别的导入和全局导入。模块级别的导入可以减少应用程序的体积，并提高构建速度，而全局导入可以通过SharedModule来管理全局导入的模块，提高代码的可维护性和可重用性。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse