2016-08-02 152 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,因此它不是必需的(取决于他想要完成的)。 –