使用带有 *ngIf 条件的 @viewchid 时获取未定义的 nativeElement

Question

Getting undefined nativeElement when using @viewchid with *ngIf condition

Error

Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'nativeElement')

Answer 1

@ViewChild('myElement', { static: false }) myElement: ElementRef<HTMLElement>;

不要在构造函数中调用它， ngAfterViewInit是第一个定义它的钩子。

Answer 2

If your `*ngIf condition is dynamic you should probably use a setter.

  @ViewChild('myElement') set setMyElement(myElement: ElementRef) {

    if (myElement) {
      // Here you can access content.nativeElement etc.
    }

  }