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

发布时间：2020-12-17 08:03:39 所属栏目：安全来源：网络整理

导读：目前，Angular 2中存在其他组件的组件存在此问题。 “main”组件的组件可以在层次结构中多次存在。但我收到这个错误： “无法为”SidenavLinkComponent“的属性”navComponent“构造查询，因为未定义查询选择器” SidenavLinkComponent:@ContentChild(Siden

目前，Angular 2中存在其他组件的组件存在此问题。 “main”组件的组件可以在层次结构中多次存在。

但我收到这个错误：
“无法为”SidenavLinkComponent“的属性”navComponent“构造查询，因为未定义查询选择器”

SidenavLinkComponent:
@ContentChild(SidenavNavComponent) navComponent: SidenavNavComponent;

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

我做了这个苗条的plunker，问题显示在：
Plunker

我不知道为什么会这样。

这是因为SidenavComponent和SidenavNavComponent之间存在循环依赖关系。它可以使用 forwardRef解决

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

Plunker example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!