Select-Tag hat keine Option

Question

In meiner angular2-App habe ich versucht, die Option eines Select-Tags mit einem Array in einer Komponente zu setzen.

Hier ist der select-Tag:

<select 
       class="form-control" 
       ngControl="frequency" 
       #frequency="ngForm" 
       required> 
       <div *ngFor="#f of frequencies"> 
        <option >{{f}}</option> 
       </div> 
      </select> 

Iand hier wird die Komponente:

export class FormComponent{ 

    frequencies=['aaa','bbb','ccc']; 

} 

Das Problem, wenn die Seite geladen get es keines dieser Option hat?

Answer 1

Setzen Sie die *ngFor auf dem <option> Element und das <div>

 <select 
      class="form-control" 
      ngControl="frequency" 
      #frequency="ngForm" 
      required> 
       <option *ngFor="#f of frequencies">{{f}}</option> 
     </select> 

In den letzten Angular2 Versionen entfernen sollte es

 <select 
      class="form-control" 
      ngControl="frequency" 
      #frequency="ngForm" 
      required> 
       <option *ngFor="let f of frequencies">{{f}}</option> 
     </select> 

(let statt #)