html - @ViewChild 返回未定义的 Angular 8

Question

出于某种原因，我的 Angular 8 应用程序中的 @ViewChild 无法“未定义”工作。我在 html 文件中这样定义它:

<div class="container">
    <div class="row h-100">
      <kendo-splitter orientation="vertical">
        <kendo-splitter-pane>
          <kendo-splitter>
        <kendo-splitter-pane>
            ...
        </kendo-splitter-pane>
        <kendo-splitter-pane>
            <div>
                <myComponent #myComp ....> </<myComponent> // ViewChild id here
            </div>
        </kendo-splitter-pane>
    </kendo-splitter>
        </kendo-splitter-pane>
      </kendo-splitter>

在 ts 文件中，我尝试了以下操作，但都返回了 undefined:

1. @ViewChild(myComponent, { static: true }) child: myComponent;

2. @ViewChild('myComp', { static: false }) child: myComponent;

3. @ViewChild('myComp', {static:true}) child :ElementRef;

我使用了 ngAfterViewInit 但仍然未定义。是因为myCompnent被很多html元素包裹了吗？

Answer 1

尝试

@ViewChild('myComp', { static: false }) child: myComponent;

或者如果你正在使用

@ViewChild(myComponent, { static: true }) child: myComponent;

确保 myComponent 是组件类名而不是选择器(只是为了清楚，因为我无法从示例代码中确认)