|
|
Postitatud 10.06.2024 15:09:56
|
|
|
|
Nõuded: HTTP-päringud on väga ajamahukas protsess – kui kasutaja esitab vormi frontendile, vajab taustaosa erinevaid kontrolle ja seejärel püsivat andmebaasi ning andmed edastatakse võrgu kaudu. Kui kasutaja esitab vormi, siisSa ei taha, et kasutaja saaks liidesel ükskõik millisel tegevusel klõpsata (või sa ei taha korduvalt vajutada Esita).。 Me vajame animatsiooni globaalseks laadimiseks.
ng-http-loader See pakett sisaldab HTTP blokeerijat ja mõningaid spinneri komponente (kõik praegu SpinKitist). HTTP-blokeerija kuulab kõiki HTTP päringuid ja kuvab ootel HTTP päringute ajal rotaator/laadija indikaatori.
NPM aadress:Hüperlingi sisselogimine on nähtav.
GitHubi aadress:Hüperlingi sisselogimine on nähtav.
Paigaldage sobiv ng-http-loader versioon vastavalt oma Angular versioonile, võttes näiteks Angular 17 versiooni, paigalduskäsk on järgmine:
Kuna olen iseseisev komponent, muutsin app.config.ts järgmiselt:
Samal ajal muudetakse app.component.ts komponenti järgmiselt:
Lõpuks muuda app.component.html koodi järgmiselt:
Renderdused on järgmised:
Animatsioonistiili efektide laadimise kohta leiate teavet järgmiselt:
export const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-cube-grid',
skDoubleBounce: 'sk-double-bounce',
skRotatingPlane: 'sk-pöörd-tasand',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-kolm-põrge',
skWanderingCubes: 'sk-rändavad-kuubid',
skWave: 'sk-wave'
};
|
Eelmine:Angular 17 seeria (kaheksateist) ForkJoin ootab mitut HTTP paralleelpäringutJärgmine:C#/.NET kasutab SequenceEquali, et võrrelda, kas kaks hulka on võrdsed
|
