Olen aiemmin kirjoittanut joitakin div:n koko ruudun tutoriaaleja, jotka kaikki ovat puhtaasti html- ja js-verkkosivuja, mutta tällä kertaa kehys käyttää Angularia, miten toteuttaa div:n koko ruudun? Teksti on tarkoitus tehdä div-ruudusta koko kartta, ja renderöinti on seuraava:
Edellinen julkaisu:
Käytä screenfull.js koko näytön lisäosaa osoitteessa:Hyperlinkin kirjautuminen on näkyvissä.
NPM:n asennus:
Angular 7 esittelee lisäosia:
HTML-sivukarttakoodi:
Käynnistä onClickScreenFull -tapahtuma, jotta div muuttuu koko ruuduksi, ts-skriptikoodi on seuraava:
Turistit, jos haluatte nähdä tämän postauksen piilotetun sisällön, olkaa hyvä Vastaus
HTML5 Fullscreen API Angular.js pluginissa voi myös saavuttaa koko näytön efektin, en testaa sitä täällä, osoite:Hyperlinkin kirjautuminen on näkyvissä.
Varat:Hyperlinkin kirjautuminen on näkyvissä.
|