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

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

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

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

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

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

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

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

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

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

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

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

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