1

No meu template possuo uma interpolação que realiza uma chamada pra função getNomeCliente, passando o ClienteId como parâmetro:

<ng-template kendoGridCellTemplate let-dataItem>
  <div class="whole-cell">
    {{ getNomeCliente(dataItem.ClienteId) }}
  </div>
</ng-template>

Preciso pesquisar o nome do cliente no meu array clienteList e retornar apenas o nome do cliente.

Tentei algo como:

  public getNomeCliente(clienteId: string): string{
    this.clienteList.filter((item) => {item.ClienteId.indexOf(clienteId) !== -1}).map((cliente) => { return cliente.ClienteNome});
  }

porém eu recebo no visual studio:

A function whose declared type is neither 'void' nor 'any' must return a value.

1
  • 3
    Tá faltando um return aí, não? 25/09/2019 às 11:53

1 Resposta 1

2

Como é possível ver pelo erro, o problema é que getNomeCliente não é void, nem retorna qualquer coisa (any), logo, algo precisa ser retornado, nesse caso uma string. Fora isso, você pode utilizar o find, ao invés do filter e map. Segue exemplo:

public getNomeCliente(clienteId: string): string{
    return this.clienteList.find((item) => {item.ClienteId.indexOf(clienteId) !== -1}).ClienteNome;
}

Caso o item.ClienteId não seja um array, a melhor comparação seria comparar diretamente os Ids:

public getNomeCliente(clienteId: string): string{
    return this.clienteList.find((item) => (item.ClienteId === clienteId)).ClienteNome;
}

Abaixo temos um exemplo do uso do find com array de objetos complexos:

const arr = [{a: 1, b:'errado'}, {a:2 , b:'certo'}];
console.log(arr.find(element => (element.a === 2)).b);

1
  • 1
    O find comparando os ids funcionou perfeitamente para o propósito esperado. 25/09/2019 às 12:06

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 .