góc 4: setValue formBuilder trống mảng

Question

Tôi có hình thức phản ứng như vậy:

constructor(...){ 
    this.form = this.formBuilder.group({ 
    name: ['', Validators.compose([Validators.required, Validators.maxLength(50)])], 
    memes: this.formBuilder.array([ 
     this.initMemes('TrollFace') 
    ]) 
    }); 
} 

initMemes (name?) { 
    return this.formBuilder.group({ 
    id: [''], name: [name] 
    }); 
} 

sau tôi có thể thêm một số chi tiết memes:

addMemes() { 
    const control = <FormArray>this.form.controls['memes']; 
    control.push(this.initMemes('anyName')); 
} 

và sau đó nếu tôi nhận được giá trị hình thức tôi nhận được:

this.form.controls['memes'].value - ở đây tôi có mảng

Nhưng có một trường hợp, khi tôi cần số này this.form.controls['memes'].value để đặt thành một mảng trống, bạn có thể làm như thế nào?

Nếu tôi đặt nó theo cách này:

this.form.controls['memes'].setValue([])

tôi đã nhận lỗi: Must supply a value for form control at index: 0.

những gì tôi làm sai?

Answer 1

thử một vài điều: reset(), setControl(), nhưng sau đây là giải pháp duy nhất tôi tìm thấy để làm việc mà thực sự reset toàn bộ mảng để [], lựa chọn khác làm việc, nhưng họ rời formgroups tại chỗ, chỉ làm trống các giá trị.

Vì vậy, làm thế nào tôi đã nhận nó để làm việc, đã lặp đi lặp lại các mảng hình thức và xóa từng nhóm mẫu với chỉ số đặc biệt trong vòng lặp:

const control = <FormArray>this.form.controls['memes']; 

for(let i = control.length-1; i >= 0; i--) { 
    control.removeAt(i) 
} 

Nếu có một cách tốt hơn, tôi mở cho đề xuất! :)

Answer 2

Hãy thử this.myForm.controls['myFormArray'] = this.formBuilder.array([]); với dịch vụ formBuilder được khởi tạo trong trình tạo của bạn.

Answer 3

Tôi đã gặp sự cố tương tự, nơi tôi sẽ gặp lỗi sau khi cập nhật biểu mẫu của mình và sau một loạt điều tra và thử nghiệm không thành công, tôi nhận thấy rằng this.myForm.updateValueAndValidity cuối cùng đã thực hiện thủ thuật.

Answer 4

MẪU

this.form = this._formB.group({ 
    blocks: this._formB.array([]) 
}); 

phương pháp 1st

let fArray = <FormArray>this.form.controls['blocks']; 
while (fArray.length !== 0) { 
    fArray.removeAt(0) 
} 

2 phương pháp

this.form.setControl('blocks', this._formB.array([]));