2016-08-02 153 views
0

在我的angular2應用程序中,我嘗試使用組件中的數組設置選擇標記的選項。選擇標記沒有選項

這裏是選擇標籤:

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

土地出人附着物這裏的組件:

export class FormComponent{ 

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

} 

的問題,當頁面得到加載它現在沒有這些選項?

回答

3

*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代替#

+0

好像'[值]'選項'元素上缺少''屬性.. –

+3

默認情況下文本已通過到選項('{{f}}')被用作值AFAIK,因此它不是必需的(取決於他想要完成的)。 –