Necessário um endpoint de consultar com paginação para habilita ro Carregar mais no primeiro componente.
Criar o componente <po-table> utilizando a propriedade p-service-api para a URL "http:localhost:3000/X".
Criar um outro componente <po-table> utilizando a propriedade p-service-api para a URL "http:localhost:3000/Y"
Ao ser renderizado o primeiro componente, será instanciado o table service com a URL informada.
O fetch ocorre normalmente para o endpoint "http:localhost:3000/X".
Ao ser renderizado o segundo componente, será substituido a URL dentro do table service com a URL informada.
O fetch ocorre normalmente para o endpoint "http:localhost:3000/Y"
Clicar em Carregar mais do primeiro componente.
O erro ocorre aqui, pois como não há uma re-reenderização a URL para fetch no table service não é atribuida novamente.
O fetch ocorre de forma ERRADA para o endpoint "http:localhost:3000/Y" ao invés do endpoint "http:localhost:3000/X" informado no p-service-api do primeiro componente.
Que comportamento você esperava ver?
Espero que a URL do p-service-api não seja reatribuida ao criar um novo componente <po-table>
Erro fetch component
O componente realiza o fetch para a URL da propriedade do
p-service-api
do ultimo<po-table>
renderizado na tela.Projeto com exemplo do erro
Fetch Po-table
Reprodução do erro
Carregar mais
no primeiro componente.<po-table>
utilizando a propriedadep-service-api
para a URL "http:localhost:3000/X".<po-table>
utilizando a propriedadep-service-api
para a URL "http:localhost:3000/Y"table service
com a URL informada.table service
com a URL informada.Carregar mais
do primeiro componente.table service
não é atribuida novamente.p-service-api
do primeiro componente.Que comportamento você esperava ver?
Espero que a URL do
p-service-api
não seja reatribuida ao criar um novo componente<po-table>
Ambiente