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

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

如果您查看关于sudo systemctl enable service.service 的{​​{3}}：

  

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

所以它只会加载一次，而是你想要使用ionViewDidLoad或ionViewDidEnter，每次出现视图时都会触发它。