composante générique angulaire avec spécifique API de création / suppression de plusieurs contexte

voix
0

J'aurais un composant générique pour les commentaires. Ce composant a des implications graphiques complexes et je dois réutiliser pour deux contexte différent avec le même modèle de données. Je veux expliquer par un exemple. J'ai deux API différentes pour ajouter un commentaire à une liste A et B contexte. Donc, je l'ai:

ACordon avec une liste de commentaires et un bouton permettant d' ajouter un (ou la suppression).
BComponent avec une liste de commentaires et un bouton permettant d' ajouter un (ou la suppression).

Les deux utilisent le même modèle (iComment) et les détails graphiques, mais différentes API pour la création / suppression.

Jusqu'à présent, je me suis occupé ce cas d'utilisation avec un émetteur d'événements et je déléguai l'appel API aux parents appartiennent à A et composant B.

Mais si l'API renvoie une erreur de validation par serveur Je veux handler dans le composant du commentaire pour afficher les détails graphiques d'erreur. Comment je peux le faire? Une meilleure pratique pour ce cas d'utilisation?

Créé 19/09/2018 à 13:23
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
1

Utiliser le partage de données entre les parents et la composante de l'enfant. Vous envoyez déjà l'événement de l'enfant au parent. Maintenant, lier la propriété dans le composant parent pour transmettre les données (commentaires / erreur) aux composants enfants. Vous pouvez 1) définir 2 les différentes variables @input () pour commentaires et modèles HTTPErrorResponse, ou 2) définir seule variable d'entrée, passer des commentaires / réponse d'erreur de parent, de différencier le composant et en vue de montrer en fonction du type de l'entrée.

Créé 19/09/2018 à 15:58
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more