一种可行的解决方法是将依赖注入(DI)延迟,避免在组件构造函数中直接注入。下面是一个示例:
// service1.service.ts import { Injectable } from '@angular/core'; import { Service2 } from './service2.service';
@Injectable() export class Service1 {
constructor() { }
doSomething() { console.log('Service 1 does something'); }
service1Method() { console.log('Called service 1 method'); } }
// service2.service.ts import { Injectable } from '@angular/core'; import { Service1 } from './service1.service';
@Injectable() export class Service2 {
constructor( private service1: Service1 ) { }
doSomething() { console.log('Service 2 does something'); this.service1.service1Method(); } }
// app.component.ts import { Component } from '@angular/core'; import { Service1 } from './service1.service';
@Component({ selector: 'app-root', template: '' }) export class AppComponent { constructor() {}
onClick() { const service1 = new Service1(); // 延迟 DI service1.doSomething(); } }
在这个示例中,Service2 依赖于 Service1,但是 Service1 不需要依赖于 Service2。因此,我们可以将 Service1 作为一个参数传递给 Service2 的方法或者将 Service1 实例化并调用其中的方法。
在 AppComponent 中,我们也将依赖注入延迟到了点击按钮时才实例化 Service1。这样可以避免在组件构造函数中直接注入,从而避免循环引用的问题。