Question

如何在选择的多个上正确构建FormBuilder？它只能在没有多个的情况下工作。

我尝试在HTML中使用FormArray，FormGroupName，但是，所有返回的错误。我遇到的例子总是没有标记<select multiple>。

有人可以指导我吗？感谢。

.TS

this.detailFormGroup = this.fb.group({
   "id": [this.item.id],
    "name": [this.item.name, [Validators.required]],
    "categories": this.item.categories
});

.HTML

<form [formGroup]="detailFormGroup">
    <div>
       <input type="text" formControlName="name" />
    </div>
    <div>
       <select formControlName="categories" multiple>
         <option *ngFor="let item of categories" [value]="item.id">{{ item.categoryName }}</option>
       </select>
    </div>
</form>

我需要的是当我得到detailFormGroup.value时，我收到了对象：

{
    id: 1,
    name: "name 1",
    categories: [
        {
           id: 5,
           categoryName: "name 5"
        },
        {
            id: 10,
            categoryName: "name 10"
        }
    ]
}

当然，当我设置item对象时，HTML控件也会被选中。

我这样错了：

{
    id: 1,
    name: "name 1",
    categories: [ 5, 10 ]
}

Answer 1

您将获得一系列选定值。在您的HTML中，我们可以看到option [value]="item.id"。

只需将其更改为option [value]="item"。

Angular 2 FormBuilder，选择多个

1 个答案: