Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Вид: 50544|Відповідь: 14

[Кутовий голос] Туторіал Angular 7 Div (карта) на весь екран

[Копіювати посилання]
Опубліковано 21.05.2019 10:39:45 | | | |
Я вже писав кілька повноекранних туторіалів div, усі вони — це чисті html та js веб-сторінки, але цього разу фреймворк використовує Angular, як реалізувати div повноекранний режим? Текст має зробити div на повноекранній карті, а рендеринг виглядає так:



Попередній допис:

HTML5 визначає, чи він у повноекранному режимі
https://www.itsvse.com/thread-3807-1-1.html
(Джерело: Architect_Programmer)
HTML5 виходить із повноекранних подій і прослуховує ключові події ESC
https://www.itsvse.com/thread-3800-1-1.html
(Джерело: Architect_Programmer)
Повноекранний код Baidu Map (div повноекранний код)
https://www.itsvse.com/thread-3801-1-1.html
(Джерело: Architect_Programmer)

Використовуйте screenfull.js повноекранний плагін за адресою:Вхід за гіперпосиланням видно.

Встановлення NPM:


Angular 7 вводить плагіни:


HTML-код карти сторінки:


Активуйте подію onClickScreenFull, щоб div був повноекранним, код скрипту ts виглядає так:

Туристи, якщо ви хочете побачити прихований контент цього допису, будь ласкаВідповідь


HTML5 Fullscreen API у Angular.js плагіні також може забезпечити ефект повноекранного режиму, я не буду тестувати це тут, зверніть увагу:Вхід за гіперпосиланням видно.

Ресурси:Вхід за гіперпосиланням видно.




Попередній:Будь ласка, розкажіть про java-операцію rabbitmq, basicQos() недійсна
Наступний:Вступ до поширених відкритих ліцензій (GPL, BSD, MIT, Mozilla, Apache).
Опубліковано 14.01.2020 11:40:19 |
ПОМИЛКА в node_modules/screenfull/dist/screenfull.d.ts(1,1): помилка TS1084: Некоректний синтаксис директиви «reference».
Опубліковано 25.06.2020 16:22:29 |
Старший брат, старший брат
Опубліковано 10.08.2019 09:53:31 |
Якщо ви відповісте, щоб побачити контент, якщо ви справді можете ним користуватися — тоді 666
Опубліковано 21.05.2019 12:49:59 |
Позначте
Опубліковано 20.06.2019 15:56:10 |
Позначте
Опубліковано 23.07.2019 10:30:56 |
Позначу, зручно пізніше
Опубліковано 05.09.2019 03:20:31 |
Добре, супер добре, супер дуже добре
Опубліковано 01.11.2019 14:02:02 |
Дякую власнику за таку корисну інформацію
Опубліковано 28.12.2019 11:29:17 |
Я витратив два юані, щоб купити код запрошення, щоб побачити це
Опубліковано 30.12.2019 15:03:12 |
Позначте
Опубліковано 04.01.2020 17:35:42 |
Зламати точку і відправити вчених та чиновників розігнати місце
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.

Mail To:help@itsvse.com