angular - Skicka data till en komponent från ModalController.create()


Finns det ett sätt som jag kan skicka detta itemId-parameter så att MarketPlaceItemPage kan använda den datan?

async presentMarketplaceItem(itemId: number) {
    const modal = await this.modalController.create({
      component: MarketplaceItemPage,
      cssClass: '',
      mode: 'ios',
    });
    return await modal.present();
  }

Jag hittar bara inte det jag behöver i Ionic-dokumentationen. Tack på förhand!

Svar #1

Jag hittade något som fungerar från den här webbplatsen https://www.freakyjolly.com/ionic-modal-popovers-pass-receive-data/

async presentMarketplaceItem(itemId: number) {
    const modal = await this.modalController.create({
      component: MarketplaceItemPage,
      componentProps:{
        id: itemId
      },
      cssClass: '',
      mode: 'ios',
    });
    return await modal.present();
  }

Svar #2

Här är den officiella dokumentationen från Ionic

Egenskapen du letar efter är componentProps. Ionic-kontroller finns inte listade i deras v5-dokumentation men de var listade under v4.

Ett annat sätt (snabbare enligt mig) är att direkt bläddra bland källor (ctrl+click), det kommer att visa dig kontrollerns metodsignatur.