Серия Angular 18 (двадцать семь) позволяет div областью работать на весь экран и выходить из него

Маленькая мразь · Опубликовано 20.11.2024 21:02:14

Требования: Иногда на сайте слишком много контента, и необходимо отображать определённую область div в полноэкранном режиме для облегчения работы пользователя, а также необходимо отслеживать события на весь экран и выход из него для запуска изменений состояния кнопок.

Обзор:

Полноэкранный туториал по Angular 7 Div (карта)
https://www.itsvse.com/thread-7602-1-1.html

HTML5 определяет, находится ли он в полноэкранном режиме
https://www.itsvse.com/thread-3807-1-1.html

HTML5 выходит из событий на весь экран и слушает ключевые события ESC
https://www.itsvse.com/thread-3800-1-1.html

Полноэкранный код карты Baidu (div полноэкранный код)
https://www.itsvse.com/thread-3801-1-1.html

Давайте сначала рассмотрим визуализации, следующим образом:

HTML-код:

Вход виден.

Код TS выглядит следующим образом:

Вход виден.

Если вы используете фреймворк NG-ZORRO, некоторые компоненты не могут отображаться корректно после полноэкранного режима (модальный блок), и вам нужно установить их в app.config.ts следующим образом:

Вход виден.

(Конец)

[Угловат] Серия Angular 18 (двадцать семь) позволяет div областью работать на весь экран и выходить из него

Связанные публикации

Просмотренные разделы