时间戳

首页 > 解决方案 > 如何在Angular中自动刷新页面

angular - 如何在Angular中自动刷新页面

问题描述

如果我的页面打开，我想自动重新加载我的页面（自动回发以重新加载表数据）。为此，我编写了一些代码，但这不起作用。请参阅下面的代码

import { Component, OnInit } from '@angular/core';
import { Observable,Subscription, interval  } from 'rxjs';

export class ProductsComponent implements OnInit {
  private updateSubscription: Subscription;

  ngOnInit() {
     this.updateSubscription = interval(3000).subscribe(
     (val) => { this.getProducts()});

    });
  }

  private getProducts()
  {
    this.employeeService.getProducts().subscribe((data:any) => {
      console.log(data);
     this.products=data;});

  }

}

getProducts调用休息 Api。我怎样才能让它工作？

标签： angulartypescript

解决方案

尝试：

import { Observable, interval, Subscription } from 'rxjs';

export class YourComponent ... {

  private updateSubscription: Subscription;

  ngOnInit() {
      this.updateSubscription = interval(1000).subscribe(
        (val) => { this.updateStats()
      }

  );
}

推荐阅读