angular - 错误 :this. scrollableDiv.nativeElement 未定义

Question

我想在组件中的 HTML 元素上调用 scrollIntoView。但是我遇到了如下错误。

ERROR TypeError: "_this.scrollableDiv.nativeElement is undefined"

组件代码

  @Input("data") detailData : any = {};
  @ViewChild('scrollableDiv') scrollableDiv: ElementRef;

  ngOnInit() {
    console.log(this.detailData);
   const myNode = this.detailData;
   console.log(myNode)

    if (myNode) {
      console.log(this.detailData);
      setTimeout(() => {
        this.scrollableDiv.nativeElement.scrollIntoView({ behavior: "smooth", block: "start" });
      });

     }

  }

在 HTML 中，我提供如下所示

HTML

<div [id]="detailData.key" #scrollableDiv>

希望有人能帮助我，拜托...

提前致谢

Answer 1

ngOnInit 在 View child 有机会注册之前被调用。

改用 ngAfterViewInit()。