Ionic:如何将参数添加到html [navPush]？

<ion-button [navPush]="targetPage" [navParams]="params">Go to Target Page</ion-button>

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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  targetPage: any;
  params: any;

  constructor(public navCtrl: NavController) {
    this.targetPage = TargetPage;
    this.params = { id: 1, name: 'John' };
  }
}

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

@Component({
  selector: 'page-target',
  templateUrl: 'target.html'
})
export class TargetPage {
  id: number;
  name: string;

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