Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 2834|Odgovoriti: 0

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

[Kopiraj povezavo]
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:



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

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

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

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)





Prejšnji:Angular serija 17 (osemnajst) ForkJoin čaka na več HTTP vzporednih zahtevkov
Naslednji:C#/.NET uporablja SequenceEqual za primerjavo, ali sta dve množici enaki
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com