J'ai une table mat angulaire qui affiche correctement les données. Je tente d'ajouter une fonctionnalité de tri avec le type de matelas. En ce moment, les petites flèches apparaissent à côté de chaque colonne, mais la table ne répond pas du tout quand elles sont cliquées. Nombreux autres problèmes avec des problèmes similaires ont été résolus en prenant la table en dehors d'un table.component.ts em> p> table.component.html em> p> Comment puis-je obtenir une sorte de match pour travailler? Merci p> p> * ngif code> ou définissant le
DataSource code> plus tard dans le cycle de vie. Je ne pense pas que mon code a ces problèmes bien que je puisse me tromper.
4 Réponses :
J'essaie de suivre avec l'exemple de code que vous avez fourni. Tout d'abord, vous n'avez pas à affecter le changement Si vous essayez de trier dans la table de données de matériau afin que je m'attends à voir le tri fonction dans le composant. Angulaire ne triera pas les choses pour vous. Cette fonction de tri serait appelée dans la fonction d'abonnement pour la propriété MatSort ViewChiledChaled après avoir appelé Vous pouvez trouver des exemples clairs dans le Documentaion . P> Une autre chose que vous devez vous désabonner pour chaque abonnement que vous avez dans le composant lorsque vous en avez terminé. J'espère que c'est répondre à votre question. P> p> CurrentValue code> pour entrer une propriété de saisie, il serait défini pour vous.
SortChange code>. Serait quelque chose comme ceci: p>
J'ai du mal à trouver une utilisation d'un abonnement dans le doc que vous avez fourni, quelle section est-elle?
Il demande au serveur de faire le tri réel que ce qui se passe la plupart du temps car vous n'avez pas la totalité des données.
Vous devriez avoir et étiquettes dans la dernière section de la table. de
J'ai déjà ces tags dans mon code, je ne les ai pas inclus dans ce poste parce que je ne pensais pas qu'ils étaient pertinents. Vous devez importer MATSORTMODULE J'ai résolu avec:
Par exemple:
...
tr>
TR>
TABLE> CODE>
de
Cela définit les rangées d'en-tête et des lignes pour le contenu. Si vous n'avez pas cela, il ne peut pas reconnaître les en-têtes, puis le tri sûr ne va pas fonctionner même si vous avez une en-tête de type mat.
Regardez le premier exemple sur le site Web de la matière angulaire pour la table. https: //material.angular. io / composants / tableaux / exemples p>
votes
import { MatSortModule } from '@angular/material/sort';
votes