Si j'ai une table peuplée de mon API chargé dans la sortie du routeur, comment puis-je charger un composant différent pour remplacer la table avec les détails de la ligne sélectionnée? Par exemple, si j'avais une liste d'équipements dans une table, je tiens à cliquer sur l'un d'entre eux pour charger un composant où j'ai un formulaire qui enregistre les détails d'une défaillance sur cette pièce d'équipement qui serait affiché à une fonction de défaillance. dans l'API.
Comment cela pourrait-il être mis en œuvre?
Apprendre toujours toutes les cordes en angulaire.
merci
3 Réponses :
Bien sonne comme un rendu conditionnel, en cliquant sur Cliquer, obtenez des données à partir de la ligne cliquée et définissez Afficher laform sur True et Shattable à False, puis dans votre chèque HTML, effectuez le rendu conditionnel
Il y a plusieurs façons de faire ce que vous avez demandé.
Vous pouvez utiliser routing , créer des itinéraires différents un pour la page de liste et une pour la page de détails, et ajouter Je vous suggère de faire la tournée du tutoriel des héros de Angular sur les URL si vous ne l'avez pas fait. routeurslink = "Détails chemin de page" sur la ligne de données .
Vous devez utiliser Paramètres d'itinéraire .
p>
<a [routerLink]="['/hero', hero.id]">
<span class="badge">{{ hero.id }}</span>{{ hero.name }}
</a>
Bienvenue :) Il vaut mieux joindre des visuels attendus, ou un organigramme sur votre question ou un code que vous avez déjà essayé ... cela clarifierait la question à d'autres utilisateurs.