如何将我点击的值传递给下一页

Question

我是离子的新手，我设计了一个离子应用程序，我想将第一页值传递给第二页。我会附上2张照片，以便更清楚地解释。

这是第一张照片

第一页

点击第一页上的白框按钮后，我希望图标显示在第二页上。

第二页

如果我点击第一页上的电力，第二页上的图标将显示我在第一页上点击的内容，您看到的图标是我硬编码。我不知道如何使它有效，有谁知道如何使它有效？

这是我的第一页按钮的代码，

<ion-col col-6 style="text-align:center;" >
  <button ion-button (click)="problem()" class="divButtonBox">
   <ion-icon class="logo-flash" name="flash"></ion-icon>
  </button>
</ion-col>

这是问题（）的TS;

problem(){
  this.navCtrl.push(ProblemPage)  
}

这是查看第二页的代码，我硬编码因为我不知道如何传递值或字符串。

<ion-col col-5 style="text-align:center;">
    <ion-icon name="flash" class="logo"></ion-icon>
</ion-col>

Answer 1

这是使用离子NavController完成的。您只需向push()来电添加可选数据：

this.navCtrl.push(ProblemPage, {
  problemType: 'electricity'
});

您可以使用NavParams

在ProblemPage这样检索它

export class ProblemPage {
  public problemType;

  constructor(private navParams: NavParams) {
   this.problemType = navParams.get('problemType');
  }
}