[forms] FormBuilder 컨트롤의 값을 수동으로 설정

이것은 나를 미치게 만들고 있습니다. 나는 총을 받고 있으며 하루 종일 이것에 대해 여유를 가질 수 없습니다.

구성 요소 내에서 수동으로 제어 값 ( ‘dept’)을 설정하려고하는데 작동하지 않습니다. 새로운 값조차도 콘솔에 올바르게 기록됩니다.

FormBuilder 인스턴스는 다음과 같습니다.

initForm() {
  this.form = this.fb.group({
    'name': ['', Validators.required],
    'dept': ['', Validators.required],
    'description': ['', Validators.required],
  });
}

선택한 부서를 수신하는 이벤트 핸들러입니다.

deptSelected(selected: { id: string; text: string }) {
  console.log(selected) // Shows proper selection!

  // This is how I am trying to set the value
  this.form.controls['dept'].value = selected.id;
}

이제 양식을 제출하고 로그 아웃 this.form하면 필드가 여전히 비어 있습니다! 다른 ppl 사용을 updateValue()보았지만 이것은 베타 1이며 컨트롤을 호출하는 유효한 방법으로 보지 못합니다.

나는 또한 updateValueAndValidity()성공하지 않고 전화 를 시도했다 :(.

ngControl="dept"양식의 나머지 부분을 사용하지만 사용자 지정 지시문 / 구성 요소를 사용 하는 것처럼 양식 요소에 사용 하려고합니다.

<ng-select
  [data]="dept"
  [multiple]="false"
  [items]="depts"
  (selected)="deptSelected($event)" <!-- This is how the value gets to me -->
  [placeholder]="'No Dept Selected'"></ng-select>

답변

this.form.controls['dept'].setValue(selected.id);

(<Control>this.form.controls['dept']).updateValue(selected.id)

this.form.patchValue({id: selected.id})

this.form.controls['dept'].setValue(selected.id);

this.form.controls['dept'].patchValue(selected.id);

this.form.get("dept").setValue(selected.id);
this.form.controls["dept"].setValue(selected.id);

this.form.get("dept").patchValue(selected.id);
this.form.controls['dept'].patchValue(selected.id);
this.form.patchValue({"dept": selected.id});

deptSelected(selected: { id: string; text: string }) {
     // any of the above method can be added here
}

this.form.patchValue({"dept": selected.id, "description":"description value"});

deptSelected(selected: { id: string; text: string }) {
  console.log(selected) // Shows proper selection!

  // This is how I am trying to set the value
  this.form.controls['dept'].updateValue(selected.id);
}

  this.myForm.get('myVal').setValue(val);

  let cloneObj = Object.assign({}, this.form.getRawValue(), someClass);
  this.form.complexForm.patchValue(cloneObj);