Követelmények: A HTTP kérések nagyon időigényes folyamatok, amikor egy felhasználó űrlapot küld be a frontenden, a háttérrendszernek különféle ellenőrzésekre és egy állandó adatbázisra van szüksége, és az adatok a hálózaton keresztül továbbítódnak. Amikor egy felhasználó űrlapot küld be, miNem akarod, hogy a felhasználó bármelyik műveletre kattintson a felületen (vagy ne kattints ismételten a Küldésre).。 Szükségünk van egy animációra globális betöltéshez.
ng-http-loader Ez a csomag HTTP blokkolót és néhány spinner komponenseket kínál (egyelőre mind a SpinKit-ből). A HTTP blokkoló minden HTTP kérést meghallgat, és egy rotátor/töltő indikátort jelenít meg a váragós HTTP kérések alatt.
NPM cím:A hiperlink bejelentkezés látható.
GitHub cím:A hiperlink bejelentkezés látható.
Telepítsd a megfelelő ng-http-loader verziót az Angular verziód szerint, például az Angular 17 verziót, a telepítési parancs a következő:
Mivel önálló komponens vagyok, a következőképpen módosítottam app.config.ts:
Eközben a app.component.ts komponens a következőképpen változik:
Végül módosítsuk a app.component.html kódot a következőként:
A képek a következők:
Az animációs stílusú effektek betöltéséről információért kérjük, tekintse meg az alábbikat:
export const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-cube-grid',
skDoubleBounce: 'sk-dupla-pattanás',
skRotatingSík: 'sk-rotationg-sík',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-három-pattanás',
skWanderingCubes: 'sk-wandering-cubes',
skWave: 'sk-wave'
};
|
Közzétéve 2024. 06. 10. 15:09:56
|
|
|
|
