Populating a select with Angular2 and Firebase

Question

blz? I’m starting in Angular2 and I’m finding Firebase a much better backend than Backand, because in a very short time I was able to connect to Firebase. The point now is, I’m trying to popular a select but it’s coming without the names. Comes four items, but empty. Let’s go to the HTML code

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

And now an image of the Firebase bank

Someone who knows enough to give me a hand? Thanks a lot, hugs!

Answer 1

But now it is returning the due array. Only inside each brand, you have an object {logo, name}.

You need to access the target string brand name.:

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

Answer 2

I had this same problem, but I managed to solve it. I hope I can help you.

The component must be iterated with the list defined in [materializeSelectOptions]="selectOptions". Then, in your case, just use [materializeSelectOptions]="tags" (which is the asynchronous array that will be traversed).

Already the options are:

{{ brand name. }}