我想將資料從 API 傳遞到模式。這是我采取的步驟：
我得到這樣的資料并為此使用服務：
getData() {
this.DataService.getDataList().subscribe(response => {
console.log(response);
this.ListData = response;
})
}
然后我為每個元素系結這樣的資料：
<ion-row *ngFor="let item of ListData">
對于每個模態，我想顯示不同的資料，所以我在 openModal 方法中傳遞 Listdata，如下所示：
<ion-icon name="analytics-outline" (click)="openModal(ListData)"></ion-icon>
我的 openModal 方法如下所示：
async openModal(ListData) {
const modal = await this.modalController.create({
component: ModalPage,
componentProps: {
"id": ListData.id,
"modalName": ListData.name
}
});
我想在模態中使用相同的資料。我像這樣使用 NavParams：
ngOnInit() {
console.table(this.navParams);
this.modelId = this.navParams.data.id;
this.modalName = this.navParams.data.modalName;
}
然后我想像這樣系結它：
<ion-title>{{modalName}}</ion-title>
在所有這些步驟之后，我運行我的應用程式，但我沒有看到資料已傳遞，并且我的 chrome 開發人員說 id 和 name 未定義。
這是我的 json 物件的樣子：
'{"id":"1", "name":"testtitle1", "description":"this is modal 1"}, {"id":"2", "name":"testtitle2", "description":"this is modal 2"}'
當我單擊一個專案時，我想在模式中使用 ID 和名稱。我想將相同的資料以不同的方式系結到例如圖形上。有人知道為什么我的資料沒有顯示在模態中嗎？
有人可以指出我正確的方向嗎？
uj5u.com熱心網友回復：
您正在傳遞一個物件陣列而不是物件本身。
<ion-icon name="analytics-outline" (click)="openModal(ListData)"></ion-icon>
async openModal(ListData) {
const modal = await this.modalController.create({
component: ModalPage,
componentProps: {
"id": ListData.id,
"modalName": ListData.name
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/452982.html