与Promise合作时,IonTabs params不起作用

时间:2018-04-21 17:55:56

标签: javascript angular typescript ionic-framework ionic3

我正在使用Tabs,我想在我的INTERFACE_SOURCES中从我的存储中加载一些数据然后我想在我的标签页中传输数据(我有3个标签) 。我为每个标签传递了tabs.ts的数据。我的问题是默认选项卡(应用程序启动的选项卡)不显示任何内容。我附上了一些代码:

[rootParams]

的构造函数
tabs.ts

我的标签页的Html

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

<ion-tab [root]="mypage" [rootParams]="list"></ion-tab> 的构造函数中,我这样做:

mypage.ts

在mypage html中,我使用简单的constructor(private navParams: NavParams) { this.list = this.navParams.data; } 在列表中循环播放,但我看不到任何内容。我认为问题是在存储对象的Promise获得结果之前加载了第一页。我不知道如何解决这个问题。在其他标签中,这个技巧就像魅力一样,但是因为我比第一个标签稍晚加载它们。

1 个答案:

答案 0 :(得分:0)

尝试使用ngAfterViewInit()。它将在存储承诺

之后执行
ngAfterviewInit(){
  this.list = this.navParams.data;

}