angular - 解决 Angular/Typescript 中的循环依赖

Question

一段时间以来，我一直在努力从循环依赖中清理我们的代码库，但在某些情况下，我找不到在不改变当前构建组件的方式的情况下绕过循环依赖的方法。

例子：

// parent.component.ts
import { ChildComponent } from './child.component';
...
@ContentChildren() items: ChildComponent

#################################################################

// child.component.ts
import { ParentComponent} from './parent.component';
...
constructor(@Host() private parentComponent: ParentComponent) { }

在上述情况下，我必须重构代码以使用服务，还是有其他方法可以摆脱循环依赖？

标签： angulartypescript

Answer 1

对于 TS 课程，您可以这样做：

export class Child{
    _parent;
    constructor(parent)
    {
    this._parent = parent
    }

    get parent(): ParentClass { return this._parent}
}