0

blz? EStou iniciando em Angular2 e estou achando o Firebase um backend bem melhor que o Backand, pois em pouquíssimo tempo consegui conectar ao Firebase. A questão agora é, estou tentando popular um select mas tá vindo sem os nomes. Vem quatro itens, mas vazios. Vamos ao código HTML

<label>Escolha a marca</label>
<select materialize="material_select" [materializeSelectOptions]="selectOptions" class="browser-default">
  <option  *ngFor="let marca of marcas | async">{{ nome }}</option>
</select>

E agora uma imagem do banco Firebase

inserir a descrição da imagem aqui

Alguém que já manje disso pra me dar um help? Valeu, abraços!

2
  • Você testou marca.nome ?
    – duardbr
    Commented 21/11/2016 às 7:39
  • Não, boa ideia! Commented 21/11/2016 às 21:34

2 Respostas 2

0

Eu tive esse mesmo problema, mas consegui solucionar. Espero poder ajudar você.

O componente precisa obrigatoriamente iterar com a lista definida em [materializeSelectOptions]="selectOptions". Então, no seu caso, basta usar [materializeSelectOptions]="marcas" (que é o array assíncrono que será percorrido).

Já as options ficam:

{{ marca.nome }}

1
  • Algo realmente mudou, mas ainda não deu certo! <select _ngcontent-rdx-4="" class="browser-default" materialize="material_select" ng-reflect-materialize="material_select" ng-reflect-materialize-select-options="[object Object]"> <!--template bindings={ "ng-reflect-ng-for-of": "[object Object],[object Object],[object Object],[object Object]" }--><option _ngcontent-rdx-4=""></option><option _ngcontent-rdx-4=""></option><option _ngcontent-rdx-4=""></option><option _ngcontent-rdx-4=""></option> </select> Note os [object Object] Commented 21/11/2016 às 22:10
0

Mas agora esta retornando o array devido. Só que dentro de cada marca, você possui um objeto {logotipo, nome}.

Você precisa acessar a string alvo marca.nome:

<option  *ngFor="let marca of marcas | async">{{ marca.nome }}</option>

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 .