嵌套表单数组的 Angular PatchValue

Question

我有一个包含多个嵌套表单数组的响应式(Reactive)表单。在我的表单中，我可以有多个段和多个集合，问题是在从数据库获取数据时使用 patchValue() 或 setValue() 来编辑我的表单。我知道我需要创建多个表单组来修补值，是否有动态创建表单以匹配从数据库接收的数据的方法？

ngOnInit() {
      this.myForm = this.fb.group({ 
        id: '', 
       name: '',
       userId: "",
       description:'',
       date: "",

      segments: this.fb.array([
         this.fb.group({
           id:'',
           workoutId:'',
           name:'',
           notes: '',
           exerciseName:'',

       sets: this.fb.array([
             this.fb.group({
               id:'',
               segmentId:'',
               name:'',
               reps:'',
               weight:'',
               type:'',
               success:'',
             }),
        ])
     })
   ])
 });
    this.workoutService.getWorkout(this.workoutId).subscribe(
      (Workout) => { this.workout = Workout, this.setValueForm()},
      (err) => console.log(err, "This did not load properlu make a toasty"),
    ) 

setValueForm() {
  this.myForm.patchValue(this.workout);  

}

Answer 1

像这样尝试:

let segments = res.segments // value from db

const formArray = new FormArray([]);

segments.forEach(s => {
  formArray.push(this.fb.group({
    id: s.id,
    name: s.name
  }));
});


this.myForm.setControl('segments',formArray);