javascript - 如何将我点击的值传递到下一页

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>

这是 Problem() 的 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

这是使用 ionic 学 NavController 完成的。您只需将可选数据添加到 push() 调用即可:

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

您可以使用 NavParams 在 ProblemPage 上检索它。 :

export class ProblemPage {
  public problemType;

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