#javascript #angular #angular-material #modal-dialog #bootstrap-modal
#javascript #угловатый #angular-материал #модальный диалог #bootstrap-модальный
Вопрос:
Я использую mat-dialog
в проекте, и в этом диалоговом окне есть поле формы (выпадающий список) под названием курс. Я хочу открыть другое диалоговое окно, чтобы добавить запись курса, которая недоступна в раскрывающемся списке курсов. На этом этапе мне интересно, каков правильный путь для этого сценария.
Должен ли я открыть второе диалоговое окно внутри первого диалогового окна, установив поля формы второго?
Или лучше просто скрыть первое диалоговое окно и показать второе, а затем, после завершения операции со вторым, закрыть второе объявление, показав первое?
Если есть демонстрация правильного подхода к открытию диалога на другом, я был бы признателен.
Ответ №1:
Это зависит от ваших предпочтений, требований и выбранной вами библиотеки. Поскольку вы уже упоминали, что используете material dialog, он отлично работает с вложенными, в отличие от bootstrap-modal. Итак, на вашем месте я бы выбрал вложенный модальный, правильно настроив z index
и backdrop
.
Вы можете проверить эту демонстрацию, чтобы получить представление,
Комментарии:
1. Кажется, это хорошо, но как насчет скрытия первого диалогового окна при сохранении его данных после открытия второго диалогового окна? Не могли бы вы, пожалуйста, обновить свой ответ для этого сценария?