forms - 用于选择多个的Angular2 formControl

Question

我正在使用 Sematinc-UI 和 Angular2 ReactiveFormsModule 表单，我想使用 [formControl] 来选择多个。

如果我使用 select 它可以正常工作:

        <select class="ui fluid dropdown" [formControl]="myForm.controls.category">
            <option *ngFor="let item of categories" value="{{item}}">{{item}}</option>
        </select>

如果我使用 select multiple 它不起作用:

        <select multiple="" class="ui fluid dropdown" [formControl]="myForm.controls.category">
            <option *ngFor="let item of categories" value="{{item}}">{{item}}</option>
        </select>

我收到这个错误:

core.umd.js:3462 异常:未捕获( promise ):错误:http://localhost:3000/app/components/category.component.js 中出错类 CategoryComponent - 内联模板:0:1701 原因:values.map 不是函数

可能是什么问题？

Answer 1

我成功了。诀窍是确保该值始终是一个数组，即使未选择任何内容也是如此。

<select multiple class="ui fluid dropdown" [formControl]="myForm.controls.category">
    <option *ngFor="let item of categories" [ngValue]="item">{{item}}</option>
</select>

创建 FormControl 时，确保 blank 值为空数组，而不是 '' 或 undefined.

this.control = new FormControl([]);

我没有使用 Semantic-UI，只是标准的 Angular 2