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

我想对组件中的html元素调用scrollIntoView。但我犯了个错误，像吼一样。
错误类型错误：“\u this.scrollablediv.nativeElement未定义”
组件代码

  @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>

希望有人能帮我，拜托…
提前谢谢

最佳答案

在视图子对象有机会注册之前调用ngoninit。
请改用ngAfterViewInit（）。