面试题：Angular模块的基础组织架构相关问题

Question

在Angular中，简述NgModule的主要组成部分有哪些，并说明每个部分的作用。例如，providers、declarations等部分在模块组织架构中承担怎样的职责？

Answer 1

• declarations：
  • 作用：用于声明本模块中拥有的视图类，包括组件、指令和管道。这些声明的视图类可在本模块内的模板中使用。比如创建了一个自定义组件MyComponent，就需要在declarations中声明，这样才能在本模块的其他组件模板中使用<app - my - component></app - my - component>标签。
• imports：
  • 作用：导入本模块需要的其他模块。通过导入，本模块可以使用其他模块中声明的公共组件、指令、管道以及服务等。例如要使用Angular的FormsModule来处理表单，就需要在imports中导入它，才能在本模块中使用表单相关的指令，如ngModel。
• exports：
  • 作用：用于重新导出本模块声明的部分组件、指令、管道，使得导入本模块的其他模块可以使用这些被导出的内容。比如本模块定义了一个很实用的SharedPipe管道，希望其他模块导入本模块后能使用该管道，就将其放在exports中。
• providers：
  • 作用：用于配置本模块所需的服务。在这里注册的服务会被添加到模块的依赖注入系统中，可在本模块及其子模块的组件、服务等中使用。例如有一个UserService用于处理用户相关逻辑，在providers中注册后，相关组件就可以通过依赖注入获取该服务实例来调用其方法。
• bootstrap：
  • 作用：指定应用的主组件，通常是根模块（AppModule）使用它来引导应用的启动。Angular会创建该主组件的实例，并将其插入到index.html的指定宿主元素中，一般是<app - root></app - root>。