如何在单击时刷新页面（ionic v4）

Question

试图在用户删除数据时刷新页面。页面上的一些Html元素会自动更新，但主应用程序组件会保留旧数据，直到手动刷新页面。

ion ViewWillEnter（）不再像本例所示那样工作：如何在ionic 4中刷新页面

我尝试改用ngonit（），但没有成功。我也尝试过ChangeDetectorRef，但没有乐趣。

类型脚本

import { ChangeDetectorRef } from '@angular/core'

public contentId: any;
public content: any;

constructor(private changeRef: ChangeDetectorRef) {
  ...
}

ngOnInit() {
  this.fetchData();
}

fetchData() {
  ...
  this.database.get(contentId).subscribe( content => {
    this.content = content[0];
 });
}

deleteData() {
  this.content.delete(id);
  this.changeRef.detectChanges();
}

html

<app-content *ngIf="contentId" [pageContent]="contentId"></app-content>

数据来自此。内容

{
 id: 'contentId',
 text: 'some text',
 author: 'username',
 uid: 'userId'
}

Answer 1

尝试使用ionViewWillEnter

  ionViewWillEnter() {
        this.fetchData();
  }