Prasības: HTTP pieprasījumi ir ļoti laikietilpīgs process, kad lietotājs iesniedz veidlapu priekšgalā, aizmugures sistēmai ir nepieciešamas dažādas pārbaudes un pēc tam pastāvīga datu bāze, un dati tiek pārsūtīti tīklā. Kad lietotājs iesniedz veidlapu, mēsJūs nevēlaties, lai lietotājs varētu noklikšķināt uz jebkuras darbības interfeisā (vai arī nevēlaties atkārtoti noklikšķināt uz Iesniegt)。 Mums ir nepieciešama animācija globālai slodzei.
ng-http-loader Šī pakotne nodrošina HTTP bloķētāju un dažus vērpšanas komponentus (pagaidām visi no SpinKit). HTTP bloķētājs klausās visus HTTP pieprasījumus un parāda rotatora/ielādētāja indikatoru gaidāmo HTTP pieprasījumu laikā.
NPM adrese:Hipersaites pieteikšanās ir redzama.
GitHub adrese:Hipersaites pieteikšanās ir redzama.
Instalējiet atbilstošo ng-http-loader versiju atbilstoši savai Angular versijai, piemēram, izmantojot Angular 17 versiju, instalēšanas komanda ir šāda:
Tā kā es esmu atsevišķs komponents, es modificēju app.config.ts šādi:
Tikmēr app.component.ts komponents tiek mainīts šādi:
Visbeidzot, modificējiet app.component.html kodu šādi:
Atveidojumi ir šādi:
Informāciju par animācijas stila efektu ielādi, lūdzu, skatiet šeit:
eksportēt const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-kuba-režģis',
skDoubleBounce: 'sk-double-bounce',
skRotatingPlane: 'sk-rotationg-plane',
skSpinnerPulse: 'sk-spinner-pulss',
skThreeBounce: 'sk-trīs-atlēciens',
skWanderingCubes: 'sk-klejojošie kubi',
skWave: 'sk-vilnis'
};
|
Publicēts 10.06.2024 15:09:56
|
|
|
|
