1
votes

Le ngx-spinner angulaire ne s'affiche pas

Je dois montrer le spinner jusqu'à ce que les données soient extraites du httpclient. Mais le spinner ne s'affiche pas.

J'ai juste besoin d'afficher le spinner ou le loader jusqu'à ce que les données proviennent de l'API afin que l'utilisateur puisse voir les données en cours de chargement. Y a-t-il un problème dans mon .html ?.

Il s'affiche lorsque je filtre des données mais ne s'affiche pas lorsque la page se charge.

<ngx-spinner></ngx-spinner>

angular spinner

4 commentaires

partagez votre code complet de component.ts

joindre le code complet. mais maintenant, quand je filtre les données, il montre le spinner. mais lorsque la page se charge, son spinner ne s'affiche pas.

qu'entendez-vous réellement par chargement de page? voulez-vous dire le chargement initial de la page d'accueil de votre projet angulaire

quand je me connecte, alors ce composant home.com est ouvert. j'ai besoin du chargeur ici jusqu'à ce que les données récupérées le spinner s'affiche sur la page

3 Réponses :

3
votes

Vous devez appeler spinner.show () dans ngAfterViewInit; sinon ici, this.spinner n'est pas défini

ngAfterViewInit(): void { this.spinner.show(); }

0 commentaires

0
votes

Essayez ceci. Exemple dans le stackblitz

Dans votre fichier dactylographié

import { NgxSpinnerService } from "ngx-spinner";
constructor(private spinner: NgxSpinnerService) { }

ngOnInit() {
    this.spinner.show();

    setTimeout(() => {
         this.spinner.hide();
    }, 2000);
}

0 commentaires

0
votes

J'avais un problème que ngx-spinner ne s'affichait pas pour moi. Je l'ai dégradé à 7.0.0 et maintenant cela fonctionne pour moi "ngx-spinner": "7.0.0"

0 commentaires