Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Tutorial a schermo intero di Angular 7 Div (mappa)
Vista: 50544|Risposta: 14

[Angolare] Tutorial a schermo intero di Angular 7 Div (mappa)

[Copiato link]
Pubblicato su 21/05/2019 10:39:45 | | | |
Ho scritto alcuni tutorial a schermo intero per div, tutti puri in html e pagine web js, ma questa volta il framework usa Angular, come implementare un div a schermo intero? Il testo serve a rendere la mappa a schermo intero del div, e la resa è la seguente:



Post precedente:

HTML5 determina se è in schermo intero
https://www.itsvse.com/thread-3807-1-1.html
(Fonte: Architect_Programmer)
HTML5 esce dagli eventi a schermo intero e ascolta gli eventi chiave ESC
https://www.itsvse.com/thread-3800-1-1.html
(Fonte: Architect_Programmer)
Codice a schermo intero della mappa Baidu (codice a schermo intero div)
https://www.itsvse.com/thread-3801-1-1.html
(Fonte: Architect_Programmer)

Usa screenfull.js plugin a schermo intero all'indirizzo:Il login del link ipertestuale è visibile.

Installazione NPM:


Angular 7 introduce plugin:


Codice mappa HTML della pagina:


Attiva l'evento onClickScreenFull per rendere il div a schermo completo, il codice dello script ts è il seguente:

Turisti, se volete vedere il contenuto nascosto di questo post, vi pregoRisposta


L'API a schermo intero di HTML5 nel plugin Angular.js può anche ottenere un effetto a schermo intero, non lo testerò qui, indirizzo:Il login del link ipertestuale è visibile.

Risorse:Il login del link ipertestuale è visibile.




Precedente:Per favore, parlami dell'operazione java rabbitmq, basicQos() non è valido
Prossimo:Introduzione alle licenze open source comuni (GPL, BSD, MIT, Mozilla, Apache).

Post correlati
Pubblicato su 14/01/2020 11:40:19 |
ERRORE in node_modules/screenfull/dist/screenfull.d.ts(1,1): errore TS1084: Sintassi della direttiva 'reference' invalida.
Pubblicato su 25/06/2020 16:22:29 |
Fratello maggiore, fratello maggiore
Pubblicato su 10/08/2019 09:53:31 |
Se rispondi per vedere il contenuto, se puoi davvero usarlo, allora 666
Pubblicato su 21/05/2019 12:49:59 |
Segnalo
Pubblicato su 20/06/2019 15:56:10 |
Segnalo
Pubblicato su 23/07/2019 10:30:56 |
Segna da seguire, comodo dopo
Pubblicato su 05/09/2019 03:20:31 |
Bene, super bene, super super bravo
Pubblicato su 01/11/2019 14:02:02 |
Grazie al proprietario per aver condiviso informazioni così utili
Pubblicato su 28/12/2019 11:29:17 |
Ho speso due yuan per comprare un codice invito solo per vederlo
Pubblicato su 30/12/2019 15:03:12 |
Segnalo
Pubblicato su 04/01/2020 17:35:42 |
Rompete il punto e mandate studiosi e funzionari a disperdere il luogo
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com