警告检测到循环依赖：

Question

test2 \ test2.services.ts

import { test1Component } from '../test1/test1.component';
constructor(public tsoComp: test1Component ) { }
betState

test1.component.ts

import { test2Service } from '../test2/test2.services';
constructor(public test2S: test2Service)
someCode(){
  this.test2S.betState = n;
}

错误： 警告：已检测到循环依赖项：

src \ app \ layout \ sports \ sport \ test2 \ test2.services.ts-> src \ app \ layout \ sports \ sport \ test1 \ test1.component.ts-> src \ app \ layout \ sports \ sport \ test2 \ test2.services.ts

为什么这是错误的？？

Answer 1

当angular将查看您的代码并尝试为您的组件和服务创建对象时，它将一步一步地进行操作，可以说首先从创建服务对象开始，在服务的构造函数中，您提到了它需要注入test1Component组件的依赖项，然后说可以创建test1Component的对象。现在它要创建test1Component的实例，但是您说它需要test2Service，因此这些实例的创建是死锁的，因此是循环依赖的。

通常，我们不向服务中注入组件，请检查您的要求。