如何更改不同离子页面中的数据？

Question

我有一个事件监听器，当用户登录时会触发：

import { HomePage } from '../pages/home/home';
this.events.subscribe('user:login', () => {
    this.nav.push(HomePage)
    this.nav.setRoot(HomePage)
})

在HomePage页面中，我有字段：

<ion-title style="text-align: center" [(ngModel)]="username"></ion-title>

所以我想知道如何从HomePage更新app.component.ts以设置用户名？

Answer 1

您可以使用NavParams在离子页面中发送数据。

this.nav.push(HomePage, {user: 'value`})

然后在HomePage

import { NavParams } from 'ionic-angular';
class HomePage {
  constructor(private navParams: NavParams) {
     this.user = navParams.get('user');
  }
}

查看this