angular - 依赖注入(inject)相同类型的祖先组件？

Question

Angular 的依赖注入(inject)允许你注入(inject)任何祖先组件，像这样:

@Component({ ... })
export class MyComponent {
    constructor(_parent: AppComponent) {}
}

但在我的例子中，我想注入(inject)一个祖先组件，它是同一组件类的另一个实例，如下所示:

@Component({ ... })
export class MyComponent {
    constructor(_parent: MyComponent) {}
                         ^^^^^^^^^^^
}

这会产生循环依赖错误，大概是因为它引用了同一个实例。

在我的例子中，我无法通过 @Input() 注入(inject)其他组件，因为它不会成为直接父组件，而是完全动态/未知的祖父/曾祖父组件。

Answer 1

使用@SkipSelf()装饰器。

export class HelloComponent  {
  constructor(@SkipSelf() @Optional() private parent: HelloComponent) {
  }
}

Demo