javascript - 如何在 Angular 6中选择多个复选框

Question

我正在使用 Angular 中的复选框来选择多个选项，并且我试图获取一个对象中的复选框的值，而不是数组中的值。我尝试过以下代码:

component.html file

     <form [formGroup]="myForm">
        <div class="form-group">
       
          <div class="input-group">
              <div *ngFor="let data of skillsArray">
                  <p><input type="checkbox" (change)="onChange(data.value, $event.target.checked)"> {{data.skill}}</p>
                </div>
          </div>
        </div>
      </form>

component.ts file

formValue(){
        this.myForm = this.fb.group({
            VFields: this.fb.array([])
          });
    }
    // selectedValue:Object;
    onChange(value: any, isChecked: boolean) {
        const skillFormArray = <FormArray>this.myForm.controls.VFields;
       
        if (isChecked) {
            skillFormArray.push(new FormControl(value));
        } else {
          let index = skillFormArray.controls.findIndex(x => x.value == value)
          skillFormArray.removeAt(index);
        }
        
      }

输出为:

{ “VFields”:[ “1”, “2”, “3” ]}

但我希望它是这样的:

{"VFields":"1,2,3"}

那么我们怎样才能做到这一点呢？

Answer 1

在 sdata 上使用 toString() 方法。
你会得到想要的结果