Angular4 Модальный диалог Проблема

Question

Я использую Angular 4. Я пытаюсь вызвать всплывающее окно в моем приложении, используя ngx-modal-dialog.

Я использую браузер IE11.Ниже приведен мой код:

В файле ParentPageComponent.ts функция openNewDialog() определена следующим образом:

openNewDialog(){
    this.modalService.openDialog
    (
        this.viewRef, 
        {
            title: 'Some modal title',childComponent: SimpleModalComponent
        }
    );
}

Конструктор файла ParentPageComponent.ts определен как

constructor(modalService: ModalDialogService, viewRef: ViewContainerRef){}

Я добавил entryComponents в файл app.module.ts как

entryComponents:[SimpleModalComponent]

Я вызываю функцию openNewDialog со страницы ParentPageComponent.html.

Я не могу вызвать всплывающее окно и получить следующую ошибку при вызове метода openNewDialog с родительской страницы.

TypeError: Объект не поддерживает свойство или метод 'dialogInit'

Любая помощь в обнаружении проблемы будет отличной помощью.

Answer 1

Согласно документам , вам необходимо реализовать IModalDialog и вам необходимо определить dialogInit в вашем ModalComponent.

Проверьте этот пример из документации

class MyModalComponent implements IModalDialog {
  actionButtons: IModalDialogButton[];

  constructor() {
    this.actionButtons = [
      { text: 'Close' }, // no special processing here
      { text: 'I will always close', onAction: () => true },
      { text: 'I never close', onAction: () => false }
    ];
  }

  dialogInit(reference: ComponentRef<IModalDialog>, options: Partial<IModalDialogOptions<any>>) {
    // no processing needed
  }
}