2017-10-16 11 views
1

Je montre des données tabulaires d'une application angulaire 2 à l'aide de PrimeNg. La version du PrimeNg que j'utilise le 2.0.4 et n'est pas extensible en raison de la restriction de configuration. Le projet utilise également l'interface utilisateur sémantique. Lorsque je clique sur le lien pour afficher le tableau, il affiche «Aucun enregistrement trouvé» même si les données sont toujours en cours de chargement sur la table et que les données apparaissent dans la table une fois le chargement des données terminé. Je veux éviter d'afficher "No records found", je voudrais plutôt montrer le loader sémantique de l'ui (spinner) pendant le chargement des données, puis afficher le DataNable PrimeNg une fois que le chargement des données est terminé.Afficher les données Chargement de l'état avec ui sémantique pendant le chargement des données au lieu de montrer "No records found" avec PrimeNg

Je suis impatient de savoir comment connecter ces deux. Est-ce qu'il y a un attribut qui indique que les données sont chargées dans la table ngprime et que cet attribut peut être utilisé pour décider si le loader sémantique ui doit tourner ou non.

------------------------------ EDIT --------------- -------------------------

Salut

J'ai fait les modifications suivantes et il fonctionne partiellement. Une partie de la centrifugeuse est coupée pendant la phase de chargement des données. Il ne se comporte pas différemment même après avoir augmenté sa taille à moyen.

<div class="ui segment"> 
    <div class="ui active dimmer" *ngIf="loading"> 
     <div class="ui medium text loader">Loading table</div> 
    </div> 

    <p-dataTable *ngIf="!loading"> 
     .......... 
     .......... 
    </p-dataTable> 
</div> 

Merci

Répondre

0

Vous pouvez ajouter à votre component.ts déposer un drapeau loading:boolean = true; lorsque vous avez été vos données sous tension drapeau false this.loading = false; vous utilisez juste directive ngIf sur le composant datatable *ngIf="!loading" et * ngIf = "chargement "dans votre spinner sémantique-ui.