无法为属性构造查询,因为未定义查询选择器

Question

目前,Angular 2中存在其他组件的组件存在此问题."main"组件的组件可以在层次结构中多次存在.

但我收到此错误: "无法为"SidenavLinkComponent"的属性"navComponent"构建查询,因为未定义查询选择器"

SidenavLinkComponent:
@ContentChild(SidenavNavComponent) navComponent: SidenavNavComponent;

SidenavNavComponent:
@ContentChildren(SidenavLinkComponent) linkComponents: QueryList<SidenavLinkComponent>;

我已经制作了这个纤细的羽毛球,问题出现了: Plunker

我不知道为什么会这样.

Answer 1

这是因为之间的循环依赖的SidenavComponent和SidenavNavComponent.它可以使用forwardRef解决.别忘了导入它:

import { forwardRef } from '@angular/core';

@ViewChild(forwardRef(() => SidenavNavComponent))
private navComponent: SidenavNavComponent;

Plunker的例子