Закрыть первое диалоговое окно 2-м диалоговым окном в угловом - PullRequest
0 голосов
/ 04 октября 2018

Сценарий: У меня есть компонент с именем add-customer, который я отображаю в диалоговом окне, нажав кнопку с именем Add, как показано на рисунке ниже.

enter image description here

Здесь у меня есть 2 кнопки 1)Save и 2)Cancel

При нажатии кнопки Cancel открывается еще одно диалоговое окно, как показано на рисунке ниже.

enter image description here

Здесь, в новом диалоговом окне, снова у меня есть две кнопки с именами 1)Discard и 2)Cancel

При нажатии Cancel на новомОкно закроется, и компонент add-customer останется таким же, как показано на рисунке ниже.

enter image description here

Вот мои требования:

1) При нажатии кнопки dicard я хочу закрытьоба диалоговых окна (то есть я хочу закрыть два всплывающих окна).

2) Здесь компонент add-customer закрывается, когда мы щелкаем за пределами диалогового окна, но я хочу, чтобы он был закрыт толькопри нажатии только кнопки discard.

Я попытался дать две разные кнопки dialogRef для discard и cancel.Безрезультатно.Вот ссылка stackblitz .

Ответы [ 2 ]

0 голосов
/ 04 октября 2018

Я просто публикую этот рабочий stackblitz пример, чтобы он был полезен для следующих посетителей.

0 голосов
/ 04 октября 2018

вы можете попробовать это,

Импорт MatDialog

import {MatDialogRef,MatDialog} from '@angular/material';

Внедрить в конструктор

constructor(private dialog: MatDialog,..){}

И метод cancelN должен быть

public cancelN(): void { 
    this.dialog.closeAll();
}

Примечание: Закрывает все открытые диалоговые окна

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