Question

我正在构建一个新的应用程序，并希望在主屏幕上添加功能。用户将输入一个值，我将把他带到页面，

例如，插入值1将转到第1页，依此类推......

Answer 1

如果您不想使用模态，只需正确更改下面的代码即可。

<强> TemplatePage.ts

// skip import
@IonicPage(//skip)
@Component(//skip)
export class TemplatePage{
  pageNumber:number;
  data:string;

  constructor(
    private navParams:NavParams
  ){
    this.data = this.navParams.get('data')
    this.pageNumber = this.navParams.get('pageNumber')
  }
}

<强> TemplatePage.html

<ion-header>
  <p>page {{pageNumber}}</p>
</ion-header>
<ion-content>
  {{data}}
</ion-content>

<强> HomePage.ts

// skip import
@IonicPage(//skip)
@Component(//skip)
export class HomePage{
  constructor(
    private modalCtrl:ModalController
  ){}

  public openPage(pageNumber:number, data:string){
    this.modalCtrl.create('TemplatePage',{pageNumber:pageNumber,data:data}).present()
  }
}

如何导航到用户提供的页面

1 个答案: