Question

在我的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'];

}

问题是，当页面加载时，它没有这些选项吗？

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

select标签没有选项

1 个答案: