0
votes

Comment afficher les données correspondantes dans Angular 5

Initialement, je affiche des détails de l'étudiant à partir de ce tableau en HTML avec une zone de texte.

composant.ts strong> p>

studentDetails=[{name:"john",marks:50},{name:"robert",marks:100}]


1 commentaires

Veuillez vérifier la réponse avec la solution ici Stackblitz.com/edit/ Angular-r1gyo9? File = src / app / ...


3 Réponses :


1
votes

Ici, vous devez faire correspondre le nom de l'étudiant avec StudentDétails Array d'objets et retour Les marques d'étudiant correspondant comme ci-dessous.

Exemple

Composant.ts xxx

composant.html xxx

Voici Solution sur Stackblitz


0 commentaires

0
votes

Vous pouvez lier les marques de marques avant la main, puis lorsque les détails de l'étudiant proviennent de DB, il suffit de la mettre à jour comme ci-dessous xxx

html xxx

Une fois que vous avez reçu des données de DB, il vous suffit de mettre à jour les marques d'origine de la matrice d'origine et de mettre à jour dans ce xxx

car ici à l'aide du modèle de données à deux voies. Votre HTML sera mis à jour une fois le modèle obtenu Mise à jour

Remarque: mais assurez-vous que le nom est un champ unique, il devrait généralement être ID


0 commentaires

0
votes

sur composant.html Ajouter un code suivant: xxx


0 commentaires