如何在ionic 2中使用navparams添加动态按钮

Question

我正在 Ionic 2 中构建一个应用程序，我正在使用 navparams tu 抓住按下另一个页面时按下的按钮。在此页面中，我有一个 link，我想使用根据上一页中按下的按钮传递的参数动态生成它。

所以，我的主页有 button1、button2、button3。我在主页我有这个代码：

  goToPage(){
  this.navCtrl.push(Page,{
    firstPassed: "param1"
  });
}

然后在下一页我有：

export class Page {
  public firstParam:any;
constructor(public navCtrl: NavController, params: NavParams) {
  this.firstParam = params.get("parampassed");
}

如果我在 page.html 中添加：

<ion-title>{{firstParam}}</ion-title>

我很好地理解了参数，但我想要的是将该参数用作按钮中的 link，类似于 page.ts:

    goToPage2(){
    this.navCtrl.push(page'parampassed');
  }

所以它可以带我到页面 pageparam1.html

我该怎么做？

谢谢

Answer 1

为第 1 页、第 2 页和第 3 页创建单独的页面（包括 .ts 文件）

接下来将这些导入您的 'NextPage'

制作一个按钮<button (click)="goToPageWithParam()">Go to param page</button>

现在在您的 NextPage 中创建此函数：

goToPageWithParam(){
    let page:any;
    if(this.firstParam == "button1"){
        page = Page1;
    }
    if(this.firstParam == "button2"){
        page = Page2;
    }

    //etc..
    //then at the end
    this.navCtrl.push(page);
}

我认为这是解决你问题的方法

如何在ionic 2中使用navparams添加动态按钮

how to add a dynamic button using navparams in ionic 2

javascript

cordova

typescript

ionic-framework

ionic2