angular - ionic 4 - 如何检索传递给模态的数据

Question

根据 Ionic 4 文档，您可以通过 componentProps 属性传递数据。在 Ionic3 中，我可以使用 navParams 服务检索它。我如何在 Ionic 4 中执行此操作？

async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      componentProps: { value: 123 }
    });
    return await modal.present();
  }

Answer 1

您需要使用@Input() 装饰器。

async presentModal() {
    const modal = await this.modalController.create({
      component: ModalPage,
      componentProps: { value: 123 }
    });
    return await modal.present();
  }

组件:

@Component({
  selector: 'ModalPage',
  templateUrl: './ModalPage.component.html',
  styleUrls: [ './ModalPage.component.css' ]
})
export class ModalPage  {
  name = 'Angular';
  @Input() value: any;
}