0

Comecei recente com desenvolvimento WEB e tenho estudado ANGULAR para tratar alguns casos no meu trabalho. Tenho cinco opções de select que lista por meio de uma api alguns registros baseados em meu retorno {} , exibidos por minhas interpolações, esses mesmos aparenta normalmente a listagem, porém quando eu uso o evento de click para que seja disparado um evento que chama função da qual consome a api, o mesmo retira os registros da lista deixando somente o item selecionado exibido e sem ter como trocar de elemento dessa lista. Segue o código:

<nb-select placeholder="Regional" style="width:19%" ngModel="result">
              <nb-option *ngFor="let i of regional" [value]="i" id="{{i.codigo_regional}}"
                (click)="findPendenciaRegional($event)">
                {{i.nome_regional}}
              </nb-option>
            </nb-select> 

Função que consome API e pega os dados que são retornados para conseguir popular a lista no HTML:

findPendenciaRegional(event) {
    this.pendencia = [];
    this.regional = [];
    this.pendenciaFisicoApiService.pendencias({
      "criterio_de_data": "",
      "data_de": "",
      "data_ate": "",
      "codigo_regional": event.currentTarget.id,
      "codigo_comercial": "",
      "codigo_loja": "",
      "codigo_matriz": "",
      "codigo_funcionario": ""
    })
      .then((s) => {
        this.regional = s.agrupado_regional;
        this.pendencia = s.dados;
      })
      .catch((e) => {
        console.log(e);
      });
  }
18
  • Posta o código de findPendenciaRegional() Commented 16/09/2019 às 14:39
  • Fiz a edição para que exibisse corretamente. Commented 16/09/2019 às 14:41
  • Confirma pra mim fazendo favor. O seu código gera uma lista que preenche o select, quando você clica neste select ele deve baixar novos dados e preencher o select com novos dados, é isto? Commented 16/09/2019 às 14:59
  • Também posta ai o JSON de this.regional antes de ser modificado e o JSON de s.agrupado_regional. Assim ajuda a gente efetuar testes e ajudar a encontrar o problema. Commented 16/09/2019 às 15:04
  • Ele gera a lista pra preencher o select, quando eu clico ele me busca os registros que é pego pelo ` event.currentTarget.id` Eu gostaria que depois que fosse retornado os dados, eu pudesse voltar a selecionar outro nome para realizar outras buscas... Até porquê ainda tenho que implementar um filter nisso pra me retornar baseado numa regra de negócios, somente determinados nomes. Não consigo postar porque é um tamanho extenso. Commented 16/09/2019 às 15:11

1 Resposta 1

0

Quando o método findPendenciaRegional() é chamado, você limpa o Array que é utilizado no ng for.

this.regional = [];
5
  • Esta observação eu já havia dito à ele em outro post. Talvez faça parte da lógica de negócios dele. Commented 16/09/2019 às 15:00
  • tem q ver o que ta vindo no this.regional = s.agrupado_regional; então. Commented 16/09/2019 às 15:09
  • O this.regional quando eu faço o debug só é preenchido quando eu seleciono algum options dentro do select. Ele me retorna um json com: { "agrupamento_regional: [ { "codigo_comercial": 244, "nome_comercial": "BRUNA FERNANDA CARLOTA ALVES" } ], "dados: [ { retorno esse com excedente de linhas possíveis para postar aqui. } ] Commented 16/09/2019 às 15:14
  • O problema é que você está alterando o valor da variável regional no método findPendenciaRegional(event) e você usa essa mesma variável para para iterar no *ngFor="let i of regional". Sacou? o que você pode fazer é isolar essa variáveis, faz uma chamada que popule essa variavél que você itera no ngFor e usa uma outra no findPendenciaRegional() {}. Não sei se me fiz claro, pra te ajudar melhor precisamos saber o pq de você alterar o valor do regional no findPendenciaRegional() e tal. Commented 16/09/2019 às 16:40
  • Entendi. Deu certo. O problema agora é na questão da filtragem mesmo, como relatei ao Leonardo. Commented 17/09/2019 às 12:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .