Angular 将输入传递给 Ionic Modal

Question

我有一个接受输入参数的组件：

export class MapComponent implements OnInit {
   @Input() options: MapOptions<any>;
}

使用 ionic ModalController 打开此模态的页面：

async pickLocationModal() {
  const modal = await this.modalController.create({
    component: MapComponent
  });
  return await modal.present();
}

此外，我在页面中存储了 mapOptions，我想传递它。

我可以将我的 mapOptions 传递给 Modal，以便组件将其作为输入吗？

Answer 1

我假设您使用的是 Ionic，因为这与 ionic ModalController.

的实现相同

根据他们的 docs，可以通过传递给 componentProps:

async pickLocationModal() {
  const modal = await this.modalController.create({
    component: MapComponent,
    componentProps: { // <----------
      options: ...
    }
  });
  return await modal.present();
}

Angular 将输入传递给 Ionic Modal

Angular Pass Input to Ionic Modal

javascript

typescript

angular

ionic4