Как открыть модал в ioni c 5? - PullRequest
1 голос
/ 26 января 2020

Я хочу открыть модал в ioni c 5. Но почему-то я не могу найти файл component.module.ts, в который я могу экспортировать модалы / компоненты, которые я хочу использовать. Они изменили эту систему, как это делается с ioni c 5? Вы знаете часть документации для этого? Кажется, что вся система изменилась, как всегда page-routing.module.ts. в каждом файле подкачки.

1 Ответ

0 голосов
/ 27 февраля 2020

Нет новых изменений для открытия модальных.

Добавьте modalPage или modalComponent в app.module.ts [или Home.module.ts, если загружен ленивый] в entryComponents and declarations

app.module.ts

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { FormsModule } from '@angular/forms';
    import { IonicModule } from '@ionic/angular';
    import { FolderPageRoutingModule } from './folder-routing.module';
    import { FolderPage } from './folder.page';  //from where you open
    import { ModalPage } from '../modal/modal.page';

    @NgModule({
      imports: [
        CommonModule,
        FormsModule,
        IonicModule,
        FolderPageRoutingModule
      ],
      declarations: [ModalPage], 
      entryComponents: [ModalPage]  //modal page
    })
    export class FolderPageModule {}

и откройте ваш модал с соответствующей страницы.

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

    await modal.present();

  }

Надеюсь, эта помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...