po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

<po-combo>: <Quero popular o meu p-field-label e p-field-value usando um array>

Open EduardaDalmas opened this issue 3 years ago • 2 comments

Reprodução

https://stackblitz.com/edit/po-ui-nxdg14?file=src%2Fapp%2Fapp.component.ts

Passos para reproduzir:

Qual o comportamento atual?

Quero popular o meu p-field-label e p-field-value usando um array do p-options, porém não consigo fazer isso diretamente, apenas usando o array nativo com label e value.

Que comportamento você esperava ver?

Conseguir colocar em prática os exemplos que estão na documentação, de poder acessar meu array com os valores originais da varável que são retornados da API.

Ambiente

  • PO UI:
  • Angular:
  • Browser(s):
    • [x] Chrome
    • [ ] Firefox
    • [ ] Edge
    • [ ] Safari
    • [ ] IE 11
    • [ ] Outros
  • Operating System:
    • [x] Windows
    • [ ] macOS
    • [ ] Ubuntu
    • [ ] Outros

EduardaDalmas avatar Oct 19 '21 20:10 EduardaDalmas

Bom dia @EduardaDalmas

FieldValue e FieldLabel são propriedades para utilizar em conjunto com API, quando for uma lista estática, você pode fazer um map retornando em label e value, veja:

https://stackblitz.com/edit/po-ui-mhjcot?file=src%2Fapp%2Fapp.component.ts

jhonyeduardo avatar Oct 20 '21 11:10 jhonyeduardo

Olá, eu usei uma lista estática como exemplo pois não tenho como colocar minha api ali. O que queremos é exatamente não utilizar o label e o value, e sim o nome da variável que já é retornada da API.

utilizamos p-field-label="descricao" e p-field-value="valor" com os valores retornados de nossa API. image

EduardaDalmas avatar Oct 20 '21 14:10 EduardaDalmas

Funcionalidade liberada no componente. Verificar changelog.

alinelariguet avatar Sep 30 '22 20:09 alinelariguet