javascript - ionic 模态的 Angular 传递输入

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();
}