Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Predný rám › Celoobrazovkový tutoriál Angular 7 Div (mapa)
Pohľad: 50544|Odpoveď: 14

[Angular] Celoobrazovkový tutoriál Angular 7 Div (mapa)

[Kopírovať odkaz]
Zverejnené 21. 5. 2019 10:39:45 | | | |
Už som predtým napísal niekoľko div tutoriálov na celú obrazovku, všetky boli čisto html a js webové stránky, ale tentoraz framework používa Angular, ako implementovať div full-screen? Text slúži na to, aby sa div stal celou obrazovkou mapy a renderovanie je nasledovné:



Predchádzajúci príspevok:

HTML5 určuje, či je v režime na celú obrazovku
https://www.itsvse.com/thread-3807-1-1.html
(Zdroj: Architect_Programmer)
HTML5 ukončí udalosti na celú obrazovku a počúva kľúčové udalosti ESC
https://www.itsvse.com/thread-3800-1-1.html
(Zdroj: Architect_Programmer)
Baidu Map kód na celú obrazovku (kód divízie na celú obrazovku)
https://www.itsvse.com/thread-3801-1-1.html
(Zdroj: Architect_Programmer)

Použite screenfull.js celoobrazovkový plugin na adrese:Prihlásenie na hypertextový odkaz je viditeľné.

Inštalácia NPM:


Angular 7 predstavuje pluginy:


HTML kód mapy stránok:


Spustite udalosť onClickScreenFull na celú obrazovku divu, kód ts skriptu je nasledovný:

Turisti, ak chcete vidieť skrytý obsah tohto príspevku, prosím.Odpoveď


HTML5 Fullscreen API v Angular.js plugine tiež dokáže dosiahnuť efekt celej obrazovky, tu to nebudem testovať, adresujte:Prihlásenie na hypertextový odkaz je viditeľné.

Zdroje:Prihlásenie na hypertextový odkaz je viditeľné.




Predchádzajúci:Prosím, povedzte mi o operácii Java rabbitmq, basicQos() je neplatný
Budúci:Úvod do bežných open source licencií (GPL, BSD, MIT, Mozilla, Apache).

Súvisiace príspevky
Zverejnené 14. 1. 2020 11:40:19 |
CHYBA v node_modules/screenfull/dist/screenfull.d.ts(1,1): chyba TS1084: Neplatná syntax 'referenčnej' direktívy.
Zverejnené 25. 6. 2020 16:22:29 |
Veľký brat, veľký brat
Zverejnené 10. 8. 2019 9:53:31 |
Ak odpoviete, aby ste videli obsah, ak ho naozaj viete použiť, tak 666
Zverejnené 21. 5. 2019 12:49:59 |
Označ to
Zverejnené 20. 6. 2019 15:56:10 |
Označ to
Zverejnené 23. 7. 2019 10:30:56 |
Zleť, neskôr to bude pohodlné
Zverejnené 5. 9. 2019 3:20:31 |
Dobre, super dobré, super super
Zverejnené 1. 11. 2019 14:02:02 |
Ďakujem majiteľovi za zdieľanie tak dobrých informácií
Zverejnené 28. 12. 2019 11:29:17 |
Minul som dva jüany na pozývací kód len preto, aby som to videl
Zverejnené 30. 12. 2019 15:03:12 |
Označ to
Zverejnené 4. 1. 2020 17:35:42 |
Prelomte bod a pošlite učencov a úradníkov, aby rozptýlili miesto
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com