如何在ionic 3中将数据从登录页面抓取到我的详细信息页面

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label floating>用户名</ion-label>
      <ion-input type="text" [(ngModel)]="username" name="username"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label floating>密码</ion-label>
      <ion-input type="password" [(ngModel)]="password" name="password"></ion-input>
    </ion-item>
  </ion-list>
  <button ion-button block (click)="login()">登录</button>
</ion-content>

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {
  username: string;
  password: string;

  constructor(public navCtrl: NavController) {}

  login() {
    // 发送登录请求并获取数据
    // 假设登录成功后返回的数据为user对象
    const user = { name: 'John', age: 25 };

    // 导航到详细信息页面，并传递数据
    this.navCtrl.push(DetailPage, { user: user });
  }
}

import { Component } from '@angular/core';
import { NavParams } from 'ionic-angular';

@Component({
  selector: 'page-detail',
  templateUrl: 'detail.html'
})
export class DetailPage {
  user: any;

  constructor(public navParams: NavParams) {
    this.user = this.navParams.get('user');
  }
}