Серія Angular 18 (двадцять сім) дозволяє дів у повноекранній та виходити з нього на весь екран

Маленька покидька · Опубліковано 20.11.2024 21:02:14

Вимоги: Іноді на сайті надто багато контенту, і необхідно відображати певну дів у повноекранному режимі для полегшення роботи користувача, а також необхідно контролювати повноекранні та вихідні події з повноекранного режиму, щоб викликати зміни стану кнопок.

Огляд:

Туторіал 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 Map (div повноекранний код)
https://www.itsvse.com/thread-3801-1-1.html

Давайте спочатку розглянемо рендери, а так:

HTML-код:

Вхід видно.

Код TS виглядає так:

Вхід видно.

Якщо ви використовуєте фреймворк NG-ZORRO, деякі компоненти не можуть бути коректно відображені після повноекранного (модального боксу), і потрібно встановити їх у app.config.ts наступним чином:

Вхід видно.

(Кінець)

[Кутовий голос] Серія Angular 18 (двадцять сім) дозволяє дів у повноекранній та виходити з нього на весь екран

Пов'язані дописи

Переглянуті розділи