Reikalavimai: HTTP užklausos yra labai daug laiko reikalaujantis procesas, kai vartotojas pateikia formą priekinėje dalyje, užpakalinei daliai reikia įvairių patikrinimų, o tada nuolatinės duomenų bazės, o duomenys perduodami tinklu. Kai vartotojas pateikia formą, mesNenorite, kad vartotojas galėtų spustelėti bet kokį veiksmą sąsajoje (arba nenorite pakartotinai spustelėti Pateikti)。 Mums reikia animacijos pasauliniam įkėlimui.
ng-http-loader Šiame pakete yra HTTP blokatorius ir kai kurie suktuko komponentai (kol kas visi iš SpinKit). HTTP blokatorius klausosi visų HTTP užklausų ir laukiančių HTTP užklausų metu rodo rotatoriaus / krautuvo indikatorių.
NPM adresas:Hipersaito prisijungimas matomas.
"GitHub" adresas:Hipersaito prisijungimas matomas.
Įdiekite atitinkamą ng-http-loader versiją pagal savo "Angular" versiją, pavyzdžiui, "Angular 17" versiją, diegimo komanda yra tokia:
Kadangi esu atskiras komponentas, pakeičiau app.config.ts taip:
Tuo tarpu app.component.ts komponentas modifikuojamas taip:
Galiausiai pakeiskite app.component.html kodą taip:
Atvaizdai yra tokie:
Informacijos apie animacijos stiliaus efektų įkėlimą ieškokite toliau:
eksportuoti const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-kubo tinklelis',
skDoubleBounce: 'sk-double-bounce',
skRotatingPlane: 'sk-rotationg-plane',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-trys-bounce',
skWanderingCubes: 'sk-klajojantys kubai',
skWave: 'sk-banga'
};
|
Paskelbta 2024-06-10 15:09:56
|
|
|
|
