面试题：Angular依赖注入中的作用域与模块间依赖传递问题

确保服务在特定模块或作用域内是单例

在模块级别：在Angular中，将服务注册到@NgModule的providers数组中，这样该服务在该模块内就是单例的。例如：

import { NgModule } from '@angular/core';
import { MyService } from './my.service';

@NgModule({
  providers: [MyService]
})
export class MyModule {}

在这个MyModule模块中，MyService只会被创建一次，所有依赖它的组件都使用同一个实例。 2. 在组件级别：如果想让服务在某个组件及其子组件的作用域内是单例的，可以将服务注册到组件的providers数组中。例如：

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-my-component',
  providers: [MyService],
  templateUrl: './my.component.html'
})
export class MyComponent {}

在MyComponent及其子组件中，MyService是单例的，与其他组件中可能存在的同名服务实例相互独立。

模块间依赖传递可能遇到的问题

服务实例不一致：如果一个服务在不同模块中分别注册，可能会导致不同模块中的组件使用不同的服务实例，即使服务逻辑应该是共享的。这可能会导致数据不同步等问题。例如，一个负责管理用户登录状态的服务，如果在多个模块中重复注册，不同模块获取到的登录状态可能不同。
循环依赖：当模块A依赖模块B，而模块B又依赖模块A时，就会出现循环依赖问题。在依赖注入过程中，这会导致难以解析的依赖关系，Angular在启动时可能会报错。

解决方法

共享服务的正确注册：对于需要在多个模块间共享的服务，应该在一个核心模块（通常命名为CoreModule）中注册，并在应用的根模块（AppModule）中导入该核心模块。例如：

// core.module.ts
import { NgModule } from '@angular/core';
import { SharedService } from './shared.service';

@NgModule({
  providers: [SharedService]
})
export class CoreModule {}

// app.module.ts
import { NgModule } from '@angular/core';
import { CoreModule } from './core.module';

@NgModule({
  imports: [CoreModule]
})
export class AppModule {}

这样，整个应用中只有一个SharedService实例。 2. 解决循环依赖： - 重构模块结构：重新设计模块的依赖关系，避免直接的循环依赖。例如，将两个模块中相互依赖的部分提取到一个新的模块中，让这两个模块都依赖这个新模块。 - 使用懒加载模块：在某些情况下，使用Angular的懒加载模块可以延迟模块的加载，从而避免循环依赖问题。懒加载模块在需要时才加载，其依赖关系的解析是异步的，有助于打破循环依赖。

星途面试题库

面试题：Angular依赖注入中的作用域与模块间依赖传递问题

知识考点

面试题答案

确保服务在特定模块或作用域内是单例

模块间依赖传递可能遇到的问题

解决方法