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

Question

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

错误类型错误：“_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>

希望任何人都可以帮助我，请...

提前致谢

标签： angulartypescript

Answer 1

ngOnInit 在子视图有机会注册之前被调用。

请改用 ngAfterViewInit()。