angular2组件刷新数据

Question

I have a snippet of code in my anuglar2 Component that loads the data on during the component initialization phase - I want the data to get updated during page refresh, what am I doing wrong?,

here's my snippet:

   ngOnInit(): void {
        this._productService.getProducts().subscribe(
            products => this.products = products,
            error => this.errorMessage = <any>error);
    }

Answer 1

I think problem is with ngOnInit() . It gets called once only when component is initialized. When you refresh, ngOnInit() will not be called again.So, you should load data in constructor or in some other custom function .

constructor(private _productService:productService){
   _productService.getProducts().subscribe(
                                 products => this.products = products,
                                 error => this.errorMessage = <any>error);
}

OR

// make sure you call it from somewhere.
GetProducts()
{ 
      this._productService.getProducts().subscribe(
            products => this.products = products,
            error => this.errorMessage = <any>error);
}