在角度2中自动刷新视图数据时保持视图上的修改数据

时间:2018-01-04 12:59:35

标签: html angular view

我正在进行角度2应用。我遇到了以下情况: 要在视图中显示的数据来自API。有些字段可以从视图中修改,然后使用API​​调用进行保存。每30秒有一次自动刷新功能(用最新数据更新视图的API调用)。现在假设用户已修改可编辑字段,并且在提交保存之前,页面将自动刷新,并且用户所做的更改将丢失。 我想要的是保存用户更改的数据,以便在自动刷新后无需再次修改它。 建议一些有效的方法来实现它。

1 个答案:

答案 0 :(得分:0)

只需在组件中声明一个变量,用于标记用户更改的内容。您的代码将如下所示:

export class YourComponent implements DoCheck{
  isUserChanged: boolean;

  // ngDoCheck will fire every time when change detection of Angular will fire
  ngDoCheck() {
    this.isUserChanged = true;
    // make isUserChanged to false when you need to do it.
  }
}

当isUserChanged为true时,您将不会使用数据更新视图。 希望它会有所帮助