Angular 爱奥尼亚3推送Json数据的新页面

我对爱奥尼亚3还比较陌生，但本质上我希望在点击按钮时打开一个新页面，然后将JSON数据显示到HTML中。我想用id标识的每个按钮，因此它将只显示与该id相关的数据

例如—

用户单击按钮1->按钮1进入参考屏幕，该屏幕显示仅与id 1相关的数据

另一个按钮（button2），然后转到参考屏幕，该屏幕显示仅与id 2相关的数据（依此类推）

我的代码涉及：

在my levels.html文件中

 <button id="levels-button5" on-click="goToReference()">
    <ion-icon name="button1"></ion-icon>
    Button 1
  </button>

我已将RESTAPI中的JSON数据存储到referenceList=[]中。从数组中，我想显示描述、内容和图片。任何帮助都将不胜感激

goToReference(params)
{
    if (!params) params = {};
    this.navCtrl.push(ReferencePage);
}

在引用页获取数据时

let data = this.navParams.get("data");

在引用页获取数据时

let data = this.navParams.get("data");

---

我认为你需要这样做

<ion-list no-lines>
    <ion-item *ngFor="let item of referenceList; let i = index;">
        <button id="levels-button5" (click)="goToReference(i)">
            <ion-icon name="button1"></ion-icon>
            Button 1
        </button>
    </ion-item>
</ion-list>

---

希望它对你有用

我认为你需要这样做

<ion-list no-lines>
    <ion-item *ngFor="let item of referenceList; let i = index;">
        <button id="levels-button5" (click)="goToReference(i)">
            <ion-icon name="button1"></ion-icon>
            Button 1
        </button>
    </ion-item>
</ion-list>

---

希望它对你有用

您拥有的json数据存储在数组中？？是-我已从REST api中拉入数据并将其存储在referenceList=[]数组中您拥有的json数据存储在数组中？？是-我已从REST api中拉入数据并将其存储在referenceList=[]数组中我将尝试！谢谢你的时间！太好了，我会试试的！谢谢你的时间！还有，在（点击）按钮上，你是不是想放“getReferences（i）”？现在在TS文件中工作是的，如果你把这个getReferences（i）方法放到你的html文件中，那么你也必须在TS文件中写这个方法，当你使用它的时候，索引在TS文件中也可用-在（单击）上-你的意思是放“getReferences（i）”吗？现在在TS文件中工作是的，如果您将这个getReferences（i）方法放入html文件中，那么您也必须在TS文件中写入这个方法，并且当您使用它时，索引在TS文件中可用