如何将我单击的值传递到下一页

Question

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

这是第一张照片

首页

单击第一页上的白框按钮后，我希望图标像这样出现在第二页上。

第二页

如果我点击第一页的电力，第二页的图标会显示我在第一页点击的内容，你看到的图标是我硬编码的。我不知道如何让它工作，有人知道如何让它工作吗？

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

<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

这是使用 ionics NavController 完成的。您可以简单地将可选数据添加到 push() 调用中：

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

您可以像这样使用NavParams 在ProblemPage 上检索它：

export class ProblemPage {
  public problemType;

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