Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Pełnoekranowy samouczek Angular 7 Div (mapa)
Widok: 50544|Odpowiedź: 14

[Angular] Pełnoekranowy samouczek Angular 7 Div (mapa)

[Skopiuj link]
Opublikowano 21.05.2019 10:39:45 | | | |
Pisałem już wcześniej kilka tutoriali div na pełnoekranowy ekran, wszystkie były czysto html i strony js, ale tym razem framework korzysta z Angulara, jak zaimplementować div pełnoekranowy? Tekst ma na celu uczynienie divu pełnoekranowym mapy, a renderowanie wygląda następująco:



Poprzedni wpis:

HTML5 decyduje, czy jest to pełnoekranowe
https://www.itsvse.com/thread-3807-1-1.html
(Źródło: Architect_Programmer)
HTML5 kończy wydarzenia na pełnym ekranie i nasłuchuje kluczowych zdarzeń ESC
https://www.itsvse.com/thread-3800-1-1.html
(Źródło: Architect_Programmer)
Kod Baidu Map na pełny ekran (kod na pełny ekran divu)
https://www.itsvse.com/thread-3801-1-1.html
(Źródło: Architect_Programmer)

Użyj screenfull.js wtyczki pełnoekranowej pod adresem:Logowanie do linku jest widoczne.

Instalacja NPM:


Angular 7 wprowadza wtyczki:


Kod mapy strony HTML:


Wywołaj zdarzenie onClickScreenFull, aby div był pełnoekranowy, a kod skryptu ts wygląda następująco:

Turyści, jeśli chcecie zobaczyć ukrytą zawartość tego wpisu, proszęOdpowiedź


HTML5 Fullscreen API w Angular.js wtyczce również może osiągnąć efekt pełnoekranowy, nie będę tego tu testował, adres:Logowanie do linku jest widoczne.

Zasoby:Logowanie do linku jest widoczne.




Poprzedni:Proszę, opowiedz mi o operacji Java rabbitmq, basicQos() jest nieprawidłowy
Następny:Wprowadzenie do popularnych licencji open source (GPL, BSD, MIT, Mozilla, Apache).

Powiązane wpisy
Opublikowano 14.01.2020 11:40:19 |
BŁĄD w node_modules/screenfull/dist/screenfull.d.ts(1,1): błąd TS1084: Nieprawidłowa składnia dyrektyw referencyjnych.
Opublikowano 25.06.2020 16:22:29 |
Bracie, bracie
Opublikowano 10.08.2019 09:53:31 |
Jeśli odpiszesz, żeby zobaczyć treść, jeśli naprawdę możesz z niej korzystać, to 666
Opublikowano 21.05.2019 12:49:59 |
Zaznacz
Opublikowano 20.06.2019 15:56:10 |
Zaznacz
Opublikowano 23.07.2019 10:30:56 |
Obniż cenę, wygodnie później
Opublikowano 05.09.2019 03:20:31 |
Dobrze, super dobrze, super super
Opublikowano 01.11.2019 14:02:02 |
Dziękuję właścicielowi za podzielenie się tak cennymi informacjami
Opublikowano 28.12.2019 11:29:17 |
Wydałem dwa juany na kod zaproszeniowy, żeby to zobaczyć
Opublikowano 30.12.2019 15:03:12 |
Zaznacz
Opublikowano 04.01.2020 17:35:42 |
Złamy punkt i wyślijcie uczonych oraz urzędników, by rozproszyli miejsce
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com