使用 Promise 时，IonTabs 参数不起作用答案

【问题标题】：IonTabs params doesn't work when working with Promise使用 Promise 时，IonTabs 参数不起作用
【发布时间】：2018-10-02 04:14:00
【问题描述】：

我正在使用选项卡，我想从我的 tabs.ts 的存储中加载一些数据，然后我想在我的选项卡页面中传输数据（我有 3 个选项卡）。我为每个选项卡使用[rootParams] 传递数据。我的问题是默认选项卡（应用程序启动的选项卡）不显示任何内容。我附上一些代码：

tabs.ts的构造

this.storage.get(key).then(value => this.list = value);

我的标签页的 HTML

<ion-tab [root]="mypage" [rootParams]="list"></ion-tab>

在mypage.ts的构造函数中我这样做：

constructor(private navParams: NavParams) {
  this.list = this.navParams.data;
}

在 mypage html 中，我使用简单的*ngFor 在列表中循环，但我什么也没看到。我认为问题是在存储对象的 Promise 获得结果之前加载了第一页。我不知道如何解决这个问题。在其他标签中，这个技巧就像一个魅力，但因为我加载它们比第一个标签晚了几次。

【问题讨论】：

【解决方案1】：

尝试使用ngAfterViewInit()。它将在存储的承诺之后执行

ngAfterviewInit(){
  this.list = this.navParams.data;

}

【讨论】：