Cerințe: Cererile HTTP sunt un proces foarte consumator de timp, când un utilizator trimite un formular pe frontend, backend-ul are nevoie de diverse verificări și apoi de o bază de date persistentă, iar datele sunt transmise prin rețea. Când un utilizator trimite un formular, noiNu vrei ca utilizatorul să poată da click pe nicio acțiune din interfață (sau nu vrei să dai click repetat pe Trimite).。 Avem nevoie de o animație pentru încărcarea globală.
ng-http-loader Acest pachet oferă un blocator HTTP și unele componente spinner (toate din SpinKit deocamdată). Blocatorul HTTP ascultă toate cererile HTTP și afișează un indicator de rotator/loader în timpul cererilor HTTP în așteptare.
Adresa NPM:Autentificarea cu hyperlink este vizibilă.
Adresă GitHub:Autentificarea cu hyperlink este vizibilă.
Instalează versiunea potrivită ng-http-loader conform versiunii tale Angular, luând ca exemplu versiunea Angular 17, comanda de instalare este următoarea:
Deoarece sunt un component independent, am modificat app.config.ts astfel:
Între timp, componenta app.component.ts este modificată astfel:
În final, modificați codul app.component.html astfel:
Randările sunt următoarele:
Pentru informații despre efectele de tip animație de încărcare, vă rugăm să consultați următoarele:
export const Spinkit = {
skChasingDots: 'sk-urmărea-puncte',
skCubeGrid: 'sk-cub-grilă',
skDoubleBounce: 'sk-dublu sărituri',
skRotatingPlan: 'sk-rotationg-plane',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-three-bounce',
skWanderingCubes: "sk-cuburi-rătăcitoare",
skWave: 'sk-wave'
};
|
Postat pe 10.06.2024 15:09:56
|
|
|
|
