Angular 的依赖注入(inject)允许你注入(inject)任何祖先组件,像这样:
@Component({ ... })
export class MyComponent {
constructor(_parent: AppComponent) {}
}
但在我的例子中,我想注入(inject)一个祖先组件,它是同一组件类的另一个实例,如下所示:
@Component({ ... })
export class MyComponent {
constructor(_parent: MyComponent) {}
^^^^^^^^^^^
}
这会产生循环依赖错误,大概是因为它引用了同一个实例。
在我的例子中,我无法通过 @Input()
注入(inject)其他组件,因为它不会成为直接父组件,而是完全动态/未知的祖父/曾祖父组件。
最佳答案
使用@SkipSelf()
装饰器。
export class HelloComponent {
constructor(@SkipSelf() @Optional() private parent: HelloComponent) {
}
}
关于angular - 依赖注入(inject)相同类型的祖先组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55129518/