Požiadavky: HTTP požiadavky sú veľmi časovo náročný proces, keď používateľ odošle formulár na frontende, backend potrebuje rôzne kontroly a potom trvalú databázu, pričom dáta sa prenášajú cez sieť. Keď používateľ odošle formulár, myNechcete, aby používateľ mohol kliknúť na akúkoľvek akciu v rozhraní (alebo nechcete opakovane klikať na odoslať).。 Potrebujeme animáciu na globálne načítavanie.
ng-http-loader Tento balík poskytuje HTTP blokátor a niektoré komponenty spinneru (zatiaľ všetko zo SpinKit). HTTP blokátor počúva všetky HTTP požiadavky a zobrazuje indikátor rotátora/loadera počas čakajúcich HTTP požiadaviek.
NPM adresa:Prihlásenie na hypertextový odkaz je viditeľné.
GitHub adresa:Prihlásenie na hypertextový odkaz je viditeľné.
Nainštalujte príslušnú ng-http-loader verziu podľa vašej Angular verzie, pričom ako príklad vezmite verziu Angular 17, inštalačný príkaz je nasledovný:
Keďže som samostatná súčasť, upravil som app.config.ts nasledovne:
Medzitým sa komponent app.component.ts modifikuje nasledovne:
Nakoniec upravte app.component.html kód nasledovne:
Vizualizácie sú nasledovné:
Pre informácie o načítavaní animačných štýlových efektov si pozrite nasledujúce:
export const Spinkit = {
skChasingDots: 'sk-chasing-dots',
skCubeGrid: 'sk-cube-grid',
skDoubleBounce: 'sk-double-bounce',
skRotatingPlane: 'sk-rotationg-plane',
skSpinnerPulse: 'sk-spinner-pulse',
skThreeBounce: 'sk-three-bounce',
skWanderingCubes: 'sk-wandering-cubes',
skWave: 'sk-wave'
};
|
Zverejnené 10. 6. 2024 15:09:56
|
|
|
|
