po-angular
po-angular copied to clipboard
<po-combo>: <Quero popular o meu p-field-label e p-field-value usando um array>
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
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
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.
Funcionalidade liberada no componente. Verificar changelog.