select tag не имеет опции

Question

В моем приложении angular2 я попытался установить опцию тега select, используя массив в компоненте.

Вот выберите тег:

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

IAND здесь компонент:

export class FormComponent{ 

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

} 

Проблема, когда страница напиваться не имеет ни одного из этих варианта?

Answer 1

Поместите *ngFor на <option> элемента и удалить <div>

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

В последних версиях Angular2 она должна быть

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

(let вместо #)