Сценарий: У меня есть компонент с именем add-customer
, который я отображаю в диалоговом окне, нажав кнопку с именем Add
, как показано на рисунке ниже.
Здесь у меня есть 2 кнопки 1)Save
и 2)Cancel
При нажатии кнопки Cancel
открывается еще одно диалоговое окно, как показано на рисунке ниже.
Здесь, в новом диалоговом окне, снова у меня есть две кнопки с именами 1)Discard
и 2)Cancel
При нажатии Cancel
на новомОкно закроется, и компонент add-customer
останется таким же, как показано на рисунке ниже.
Вот мои требования:
1) При нажатии кнопки dicard
я хочу закрытьоба диалоговых окна (то есть я хочу закрыть два всплывающих окна).
2) Здесь компонент add-customer
закрывается, когда мы щелкаем за пределами диалогового окна, но я хочу, чтобы он был закрыт толькопри нажатии только кнопки discard
.
Я попытался дать две разные кнопки dialogRef
для discard
и cancel
.Безрезультатно.Вот ссылка stackblitz .