属性 'present' 在类型 'ModalController' 上不存在

Question

我正在尝试在我的 Ionic 项目中为提示创建模式，但我在使用以下代码的标题中遇到错误：

import { Component } from '@angular/core';
import { ModalController, NavController, NavParams } from 'ionic-angular';
import { AlertController } from 'ionic-angular';
import { EventModalPage } from '../event-modal/event-modal';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  currentEvent;
  events = [];
  today = new Date();

  constructor (
    public navCtrl: NavController,
    public alertCtrl: AlertController,
    public modalCtrl: ModalController) {
              this.navCtrl = navCtrl;
              this.alertCtrl = alertCtrl;
              this.modalCtrl = modalCtrl;
    }

  onChange($event) {
    console.log($event);
    this.currentEvent = $event;
  }

  async presentEventModal() {
    const eventModal = await this.modalCtrl.create({
      component: EventModalPage
    });
    return await this.modalCtrl.present();
  }

  createEvent(date, title, duration) {
    return {
      date: date,
      title: title,
      duration: duration,
    }
  }
}

我正在关注我发现的 here 的官方 Ionic 文档，但由于某种原因，我收到属性 present 类型不存在的错误 ModalController

我正在使用 Ionic 3.20.0 - 不过不确定这是否真的重要。

Answer 1

您正在控制器上调用 present()，您需要像这样在模态上调用它：

return await eventModal.present();

属性 'present' 在类型 'ModalController' 上不存在

Property 'present' does not exist on type 'ModalController'

ionic3

angular