将参数从一个页面传递到制表符然后使用tabx

时间:2017-03-21 17:22:36

标签: angular ionic-framework ionic2

我正在尝试将参数从页面传递到标签页然后只传递到一个标签。 所以我在这里将它从我的页面传递到Tabs页面:

  this.nav.setRoot(TabsNavigationPage, {  nome: displayName });

现在在TabsPage中我读了它

 this.displayName = navParams.get('nome');

所以我编辑了html标签页

<ion-tab [root]="tab2Root" [rootParams]="displayName" tabTitle="Profile" tabIcon="person"></ion-tab>

Becouse我只对tab2感兴趣。所以在tab2 ts我写这个:

this.displayName = navParams.data.displayName;

但它不起作用。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

您可以通过将其存储在本地存储中轻松完成此操作。您可以使用Storage module

简单的代码段:

import { Storage } from '@ionic/storage';

export class MyApp {
  constructor(storage: Storage) {

     storage.ready().then(() => {

       // set as you wish.
       storage.set('nome', 'YourNome');

       // Do this part within Tabx component.Not here :D
       storage.get('nome').then((val) => {
         console.log('Your nome is', val);
       })
     });
  }
}