Angular 8 viewChild 返回未定义

Question

我正在尝试访问 childView 实例，但它一直说 childView 未定义。

这是我的 childViews 代码：

@ViewChild(CreateQuestionnaireComponent,{ read: true, static: false })  private childQuestionnaireDialog:CreateQuestionnaireComponent;

@ViewChild(ProjectNavbarComponent,{ read: true, static: false })  private childProjectNavBar:ProjectNavbarComponent;

@ViewChild(QuestionnaireNodeComponent,{ read: true, static: false }) private childQuestionnaireNode:QuestionnaireNodeComponent;

....

onCreateTerminal() {

        this.childQuestionnaireDialog.generateQuestionnaireDropDownList();

        this.childQuestionnaireDialog.resetFields();

        this._hideQuestionnaireDialog = false;

        this._modalTitle = 'New Terminal';

        this._placeHolderText = 'Terminal Questionnaire Title';

        this._terminal = true;

    }

...

它说：this.childQuestionnaireDialog 是未定义的”。

它正在使用 Angular 7。

根据我的新知识，@viewChild 采用一个名为 static 的标志。如果我们将该标志设置为 true，则父组件会在其自己的创建过程中尝试获取对 childView 的引用。换句话说，我们可以在父组件的 onInit() 方法中有一个 childView 的实例。基本上是一次访问，因为我们将无法在任何其他方法中访问。

设置为false的标志，基本上是ivy渲染器中的新方式。

就我而言，这两个选项都不起作用。

Answer 1

我有一个类似的问题，其中 ViewChild 组件在 onInit() 方法中未定义。// Ensure Change Detection runs before accessing the instance@ContentChild('foo', { static: false }) foo!: ElementRef;// If you need to access it in ngOnInit hook@ViewChild(TemplateRef, { static: true }) foo!: TemplateRef;

Answer 2

就我而言，我让我的孩子处于 *ngIf 状态。因此 ViewChild 无法初始化所需的元素。更新了在 *ngIf 之外渲染组件的逻辑，因此 ViewChild 能够成功初始化元素。因此，如果可能，当需要 ViewChild 时，更改逻辑以在 *ngIf 之外呈现组件并显示适当的消息。或者使用 CSS 隐藏元素的可见性，而不是使用 *ngIf。