typescript 用复选框测试反应形式

Posted 2021-05-20

 <!--<li *ngFor="let responsible of ResponsibleGroup; let i = index"  formArrayName="ResponsibleGroup">-->
                  <li *ngFor="let responsible of employeeSettingsForm.controls.ResponsibleGroup.controls; let i = index">
                    <label class="form-check-label">
    <input class="form-check-input"   value="{{responsible.ID}}" type="checkbox" (change)="Changed($event)">
    <span class="btn btn-light btn-round btn-sm">{{isArabic?responsible.NameAr:responsible.NameEn}}<i class="fas fa-plus"></i></span>
  </label>
                  </li>
                  
                  
                  
                  
                   this.allGroups.subscribe(t => {
      //this.employeeSettingsForm.controls['ResponsibleGroup'].push( t);
      let controlArray = <FormArray>this.employeeSettingsForm.controls['ResponsibleGroup']
      t.forEach(app => {
        //const fb = this.buildGroup();
        //fb.patchValue(app);
        //controlArray.push(fb);
        controlArray.push(new FormControl(app));
      });
    })
    
    this.employeeSettingsForm = this.formBuilder.group({
      Employee: [null, [Validators.required]],
      EmployeeRole: [null],
      ResponsibleGroup: this.formBuilder.array([]),
    
    });