componente genérico angular com específica criação / exclusão API para várias contexto

votos
0

Eu teria um componente genérico para comentários. Este componente tem implicações gráficos complexos e eu preciso reutilizar para dois contexto diferente com o mesmo modelo de dados. Eu quero explicar com um exemplo. Eu tenho dois API diferente para adicionar um novo comentário a uma lista em A e B contexto. Então, eu tenho:

AComponent com uma lista de comentários e um botão para adicionar um (ou excluir).
BComponent com uma lista de comentários e um botão para adicionar um (ou excluir).

Ambos usam o mesmo modelo (iComment) e os detalhes gráficos, mas API diferente para a criação / exclusão.

Até agora eu lidei com este caso de uso com um emissor de evento e eu delegada a chamada de API para os pais pertencem a A e componente B.

Mas se a API retornará um erro de validação pelo servidor Quero manipulador-lo no componente do comentário para mostrar detalhes do erro gráficos. Como posso fazer isso? Melhor prática para este caso de uso?

Publicado 19/09/2018 em 13:23
fonte usuário
Em outras línguas...                            


1 respostas

votos
1

Use partilha de dados entre pai e componente filho. Você já está enviando o evento da criança ao pai. Agora, vincular a propriedade no componente pai para passar os dados (comentários / erro) para componentes crianças. Pode 1) definir duas @Input diferente () variáveis ​​para comentário e HTTPErrorResponse modelos, ou 2) definir variável de entrada única, passar comentários / resposta de erro do pai, diferenciar o componente e vista a mostrar de acordo com o tipo de entrada.

Respondeu 19/09/2018 em 15:58
fonte usuário

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