重新访问页面时查看不显示列表项

Question

我正在使用 ionic、angularfire 和 firestore 创建一个应用来显示葡萄酒列表。

我在主页上做了一个简单的按钮来推送一个新页面。

我已经创建了一个使用快照更改和返回集合的提供程序，这个新页面正在注入提供程序并使用

ionViewDidLoad() {
    this.wineProvider.getWines().subscribe(wines => {
      console.log(wines);
      this.wines = wines;
    })    
  }

写入本地引用

wines: Wine[];

在 html 文件中，我使用列表显示结果

<ion-content padding>
   <ion-list>
     <ion-item *ngFor="let wine of wines" >
       {{wine.title}}
     </ion-item>
   </ion-list>
</ion-content>

当我启动应用程序并导航到页面时，列表会根据需要显示和更新。如果我导航回主页并返回列表页面，则不会显示列表 - 但是，如果数据更改，则会再次显示列表。 请帮助我理解为什么会这样。 谢谢你:)

Answer 1

如果您查看docs，它会说ionViewDidLoad：

在页面加载后运行。此事件仅在每个创建的页面发生一次。如果页面离开但被缓存，则此事件不会在后续查看时再次触发。

因此它只会加载一次，而您可能希望使用 ionViewDidEnter 或 ionViewWillEnter，每次呈现视图时都会触发。