Получить значения из флажка Реактивная форма - PullRequest
Новая
       27

Получить значения из флажка Реактивная форма

0 голосов
/ 25 апреля 2020

Хорошо, я реализую реактивную форму, но у меня проблема с получением значений из флажка, отображается только значение первого из выбранных значений, а не остальные. Я прилагаю свой код:

Component.ts 

registerForm: FormGroup;

  builder(
     private Restservice: RestserviceService,
     private route: ActivatedRoute,
     private router: Router,
     private formBuilder: FormBuilder
   ) {

     this.registerForm = this.formBuilder.group ({
       text: [""],
       checkArray: [""],
       radiobutton: [""],
       array: [""],
       list: [""],
       archive: [""],
       date: [""],
       numeric: [""],
       CommonData: [""],
     });
   }

// I show the values of the Form
  submit () {
     if (this.registerForm.valid) {
       console.log ("complete", this.registerForm.value);
       // this.createAnswers ();
     } else {
       alert ("FILL ALL FIELDS");
     }
   }

Я использую здесь p-флажок primeng, но проблема в том, что он распознает только первое выбранное значение, а остальные нет.

Html. 

<div *ngIf="p.codigo_tipopreguntas == 2">
                            <ng-container *ngFor="let v of valores; let i=index">
                              <div *ngIf="p.id === v.codigo_pregunta">
                                  <p-checkbox  value="{{v.preguntas_valor}}"
                                    label="{{v.preguntas_valor}}" formControlName="checkbox"></p-checkbox>
                              </div>
                            </ng-container>
                          </div>

 <button class="btn btn-info btn-just-icon btn-round btn-link" pTooltip="Guardar" tooltipPosition="top"
              (click)="submit()">
              <i class="material-icons">remove_red_eye</i>
            </button>

Прикрепленное изображение того, что отправить функцию распечатки

1 Ответ

0 голосов
/ 26 апреля 2020

Если вы хотите иметь значения нескольких флажков, вам нужно поместить их в FormArray. Так что для каждого valore вам нужно создать свой собственный FormControl.

Я думаю, что этот пост в блоге может вам очень помочь с этим: https://netbasal.com/handling-multiple-checkboxes-in-angular-forms-57eb8e846d21

...