componente genérico en angular con específico creación / eliminación API para varios contexto

votos
0

Me gustaría tener un componente genérico para comentarios. Este componente tiene implicaciones gráficos complejos y necesito volver a utilizar para dos contexto diferente con el mismo modelo de datos. Quiero explicar con un ejemplo. Tengo dos API diferente para añadir un comentario a una lista en A y B contexto. Así que he:

AComponent con una lista de comentarios y un botón para añadir una (o eliminar).
BComponent con una lista de comentarios y un botón para añadir una (o eliminar).

Ambos usan el mismo modelo (iComment) y los detalles gráficos pero API diferente para la creación / eliminación.

Hasta ahora he manejado este caso de uso con un emisor de sucesos y yo delegado la llamada a la API a los padres pertenecen a A y el componente B.

Pero si la API devuelve un error de validación de servidor Quiero handler en el componente del comentario gráficos para mostrar los detalles de error. ¿Cómo puedo hacerlo? Mejor práctica para este caso de uso?

Publicado el 19/09/2018 a las 13:23
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
1

El uso común de datos entre los padres y componente secundario. Ya está enviando el caso de hijo a padre. Ahora, enlazar la propiedad en el componente de los padres para pasar los datos (comentarios / error) a los componentes de los niños. Puede 1) definir 2 @Input diferente () variables para comentar y HTTPErrorResponse modelos, o 2) definir la variable de entrada única, pasar los comentarios / respuesta de error de los padres, diferenciar el componente y la vista para mostrar en función del tipo de la entrada.

Respondida el 19/09/2018 a las 15:58
fuente por usuario

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