在Angular 2中,子组件可以通过构造函数参数获取其父组件.例:
@Component({...})
export class ParentComponent {
...
}
@Component({...})
export class ChildComponent {
constructor(private parent: ParentComponent) { }
...
}
父母和孩子的类型不同,这很好用.
但是,另一个典型的用例是树结构,其中每个树节点都显示为一个单独的组件.如果每个树节点组件都应该有权访问其父节点,我们该怎么办？我试过这个:
@Component({...})
export class TreeNodeComponent {
constructor(private parent: TreeNodeComponent) { }
...
}
但是这会因以下运行时异常而失败:
EXCEPTION: Cannot instantiate cyclic dependency!
我想原因是Angular 2注入组件本身而不是其父组件.
如何将angular注入组件的父组件,即使它们属于同一类型？