在 Angular 中，模块是组织应用程序的基本单位。模块可以包含组件、服务、指令等其他 Angular 元素，并且可以引用其他模块。
创建模块
要创建一个模块，我们需要使用 @NgModule 装饰器。以下是一个示例：
------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ------------ - ---- ------------------ ----------- -------- ---------------- ------------- --------------- ---------- -------------- -- ------ ----- --------- - -
在上面的代码中，我们使用 @NgModule 装饰器来定义 AppModule。这个模块依赖于 BrowserModule，并且声明了一个 AppComponent 组件。我们还使用 bootstrap 属性指定了应用程序的根组件。
导入和导出模块
在 Angular 中，我们可以通过导入和导出模块来组织我们的应用程序。例如，我们可以将一些相关的组件和服务放在一个模块中，然后将该模块导出，以便其他模块可以使用这些组件和服务。
以下是一个示例：
------ - -------- - ---- ---------------- ------ - ------------ - ---- ------------------ ------ - ----------- - ---- ----------------- ------ - ----------- - ---- ----------------- ------ - --------- - ---- --------------- ----------- -------- -------------- ------------- ------------- -------------- -------- -------------- ---------- ----------- -- ------ ----- -------- - -
在上面的代码中，我们定义了一个 MyModule 模块，它导入了 CommonModule 和 FormsModule，并声明了一个 MyComponent 组件。我们还使用 exports 属性将 MyComponent 导出，以便其他模块可以使用它。最后，我们使用 providers 属性提供一个 MyService 服务。
要使用 MyModule，我们只需要在其他模块中导入它：
------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - -------- - ---- -------------- ------ - ------------ - ---- ------------------ ----------- -------- --------------- ---------- ------------- --------------- ---------- -------------- -- ------ ----- --------- - -
在上面的代码中，我们将 MyModule 导入到 AppModule 中，以便可以使用其中的组件和服务。
总结
在本文中，我们学习了如何使用 @NgModule 装饰器创建模块，以及如何使用导入和导出模块来组织我们的应用程序。模块是 Angular 应用程序中组织代码的基本单位，它可以帮助我们更好地组织代码，并提高代码的可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d41c79add4f0e0ffc27ae8