如何检查Angular2中加载的元素?

如何检查Angular2中加载的元素?,angular,Angular,我想获取divArea的高度,并将其存储在scrollTop变量中。 但是,当我在onInit函数中将scrollTop初始化为this.divArea.nativeElement.offsetHeight时,发生了一个错误。 错误是divArea为空。 一种解决方法是使用setTimeout()。 但是我不想使用settimeout() 如何解决这个问题 html 用这个- ngAfterViewInit() { this.scrollTop = this.divArea.native

我想获取
divArea
的高度,并将其存储在
scrollTop
变量中。
但是,当我在onInit函数中将
scrollTop
初始化为
this.divArea.nativeElement.offsetHeight
时,发生了一个错误。
错误是
divArea
为空。 一种解决方法是使用
setTimeout()。

但是我不想使用
settimeout()

如何解决这个问题

html 用这个-

ngAfterViewInit() {
    this.scrollTop = this.divArea.nativeElement.offsetHeight; // result: error
  }
  • 局部变量
    (#divArea)
    将可在angular的
    ngAfterViewInit
    钩子中使用

  • 另外,
    @View Child
    应该是
    @ViewChild
    ,中间没有任何空格


  • 改用“ngAfterViewInit”
    
    export class test implements OnInit {
      public scrollTop: number;
      @ViewChild('divarea') private divArea: ElementRef;
      public ngOnInit() {
        this.scrollTop = this.divArea.nativeElement.offsetHeight; // result: error
      }
    }
    
    ngAfterViewInit() {
        this.scrollTop = this.divArea.nativeElement.offsetHeight; // result: error
      }