Angular 5找不到名称ngAfterViewChecked

时间:2018-04-13 11:02:42

标签: angular angular5

在Angular 5项目中,我想滚动到页面顶部,将在页面加载时调用。以下是我在update-product.component.ts中的代码:

export class UpdateProductComponent implements OnInit, ngAfterViewChecked 
{
    productUpdateForm: FormGroup;
    dataInvalid = false;
    formErrors = []; 
}

ngAfterViewChecked() {
    window.scrollTo(0, 0);
}

但是,如下所述,当我从终端运行命令ng serve时收到了这样的错误消息。

  

src / app / update-product / update-product.component.ts(15,56)中的错误:   错误TS2304:找不到名称' ngAfterViewChecked'。

但是,请注意,有时代码会正常运行和滚动。但是在运行ng serve命令时显示错误。

2 个答案:

答案 0 :(得分:1)

生命周期界面称为AfterViewChecked,您必须使用ng前缀 - ngAfterViewChecked实施该方法。

import { OnInit, AfterViewChecked } from '@angular/core'

export class UpdateProductComponent implements OnInit, AfterViewChecked {

   ngOnInit() { }

   ngAfterViewChecked() { }

}

答案 1 :(得分:1)

1]在角度核心中导入AfterViewChecked

import{AfterViewChecked}from '@angular/core';

2]纠正下面一行到AfterViewChecked

export class UpdateProductComponent implements OnInit, AfterViewChecked