Angular serija 17 (XIX) globalno nastavi animacije nalaganja HTTP zahtevkov

Mala drhal · Objavljeno na 10. 06. 2024 15:09:56

Zahteve: HTTP zahteve so zelo časovno zahteven proces; ko uporabnik odda obrazec na frontendu, backend potrebuje različne preglede in nato trajno bazo podatkov, podatki pa se prenašajo prek omrežja. Ko uporabnik odda obrazec, miNe želite, da uporabnik lahko klikne na katerokoli dejanje na vmesniku (ali pa ne želite večkrat klikati na Pošlji).。 Potrebujemo animacijo za globalno nalaganje.

ng-http-loader Ta paket zagotavlja HTTP blokator in nekaj spinnerjevih komponent (za zdaj vse iz SpinKita). HTTP blokator posluša vse HTTP zahteve in prikazuje indikator rotatorja/nalagalnika med čakajočimi HTTP zahtevami.

NPM naslov:Prijava do hiperpovezave je vidna.
GitHub naslov:Prijava do hiperpovezave je vidna.

Namestite ustrezno različico ng-http-loaderja glede na vašo Angular različico, na primer različico za Angular 17, ukaz za namestitev je naslednji:

Prijava je vidna.

Ker sem samostojna komponenta, sem app.config.ts spremenil na naslednji način:

Prijava je vidna.

Medtem je komponenta app.component.ts spremenjena na naslednji način:

Prijava je vidna.

Na koncu spremenite app.component.html kodo na naslednji način:

Prijava je vidna.

Upodobitve so naslednje:

Za informacije o nalaganju animacijskih stilskih učinkov si oglejte naslednje:

export const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-cube-grid',
skDoubleBounce: 'sk-double-bounce',
skRotatingPlane: 'sk-rotacijska ravnina',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-tri-bounce',
skWanderingCubes: 'sk-wandering-cubes',
skWave: 'sk-wave'
};

(Konec)

[Angular] Angular serija 17 (XIX) globalno nastavi animacije nalaganja HTTP zahtevkov

Sorodne objave

Ogledi odsekov