Как открыть несколько модальных в Angular?

#javascript #angular #angular-material #modal-dialog #bootstrap-modal

#javascript #угловатый #angular-материал #модальный диалог #bootstrap-модальный

Вопрос:

Я использую mat-dialog в проекте, и в этом диалоговом окне есть поле формы (выпадающий список) под названием курс. Я хочу открыть другое диалоговое окно, чтобы добавить запись курса, которая недоступна в раскрывающемся списке курсов. На этом этапе мне интересно, каков правильный путь для этого сценария.

Должен ли я открыть второе диалоговое окно внутри первого диалогового окна, установив поля формы второго?

Или лучше просто скрыть первое диалоговое окно и показать второе, а затем, после завершения операции со вторым, закрыть второе объявление, показав первое?

Если есть демонстрация правильного подхода к открытию диалога на другом, я был бы признателен.

Ответ №1:

Это зависит от ваших предпочтений, требований и выбранной вами библиотеки. Поскольку вы уже упоминали, что используете material dialog, он отлично работает с вложенными, в отличие от bootstrap-modal. Итак, на вашем месте я бы выбрал вложенный модальный, правильно настроив z index и backdrop .

Вы можете проверить эту демонстрацию, чтобы получить представление,

Комментарии:

1. Кажется, это хорошо, но как насчет скрытия первого диалогового окна при сохранении его данных после открытия второго диалогового окна? Не могли бы вы, пожалуйста, обновить свой ответ для этого сценария?