Ne peut pas se lier à 'ngFor', car il n'est pas connu natif de la propriété
Hey, je sais que cette question revient beaucoup, mais la normale correctifs ne fonctionne pas.
J'ai essayé le # chemin de frappe et beaucoup plus.
Voici mon code:
<table>
<tr>
<th>Name</th>
<th>Desc</th>
<th>Time est</th>
</tr>
<div *ngFor="let ToDo of toDoArray">
<tr>
<td>{{ToDo.Name}}</td>
<td>{{ToDo.Desc}}</td>
<td>{{ToDo.Time}}</td>
</tr>
</div>
</table>
C'est un tableau dans un tableau qui a besoin de marcher à travers toutes les tâches dans le tableau toDoArray.
Voici mon constructeur:
constructor(){
this.toDoArray.push(
new ToDo("The name","You know", "20 min")
);
}
J'ai ajouté un Plukr
- Il devrait fonctionner sur
tr
. J'ai fait un rapide exemple. plnkr.co/modifier/XBiqRJyNIu5NyhcsMgSL?p=preview - Mec, vous n'êtes pas à l'initialisation de votre
this.toDoArray
. Au moins pas dans le Plunker. Compte tenu de cela est la clé de votre problème, vous voudrez peut-être lire: stackoverflow.com/help/mcve
Vous devez vous connecter pour publier un commentaire.
Mettre l'itération dans le
tr
au lieu de cela, je suppose que c'est ce que vous voulez atteindre 🙂EDIT:
Rappelez-vous d'initialiser le tableau au début, comme:
private toDoArray : ToDo[] = [];
Qui devrait résoudre (problème), ne sachant pas si vous arrivez à voir des résultats dans votre table, mais si vous n'obtenez pas de voir certaines valeurs de votre tableau...La raison pour laquelle votre modèle est tout foiré, c'est parce que vous êtes en quelque sorte essayer d'imbriquer les tables, qui vient de résultats dans un désordre chaud comme vous avez passe là-bas. Je vois que vous voulez séparer les tâches en fonction de leur statut. Il suffit de leur faire 3 tables distinctes et vous êtes bon pour aller, ce serait ma suggestion! 🙂
Votre fourche plunker avec les modifications ci-dessus.