Как обновить элементы управления FormArray

Моя форма код группы какКак обновить элементы управления FormArray

this.myForm = this._fb.group({    
      branch_name: ['', [Validators.required]], 
      branch_timing: this._fb.array([ 
       this.initBranchTiming(), 
      ])         
     }); 

initBranchTiming() {  
     return this._fb.group({ 
      day: ['', []], 
      open_from: ['00:00:00', []], 
      open_till: ['00:00:00', []]   
     }); 
    }

branch_name обновляется этим кодом

(<FormControl>this.myForm.controls['branch_name']).updateValue(this.branch_detail.branch_name);

Теперь я должен обновить «день» поле формы массива. что делать, чтобы обновить поле «день» в форме массива branch_timing?

источник

2016-08-30 Mubashir

-1

Не тестировался, но я предполагаю, что это должен делать то, что вы хотите:

this.myForm.get('branch_name.0.day') 
.setValue(this.branch_detail.branch_name);

источник

2016-09-01 06:00:59

Я получаю эту ошибку сборки Свойство getControl не существует в типе 'FormGroup'. – Mubashir

Какая версия Angular2 вы используете? AFAIR это было изменено недавно и раньше называлось 'find()'. –

Я использую RC4 версию и форма "@ angular/forms": "^ 0.2.0", – Mubashir

Это проверено и работает на угловых 2.0.0-rc.4 с @ угловой/формы 0.2.0:

(<FormControl>this.myForm.controls.branch_timing.controls[0].controls.day) 
    .updateValue('new value');

В версии, угловое 2.0.0 с @ угловым/образует 2.0.0, синтаксис был упрощен:

this.myForm.value.branch_name = this.branch_detail.branch_name;

this.myForm.value.branch_timing[0].day = 'New Value';

источник

2016-09-26 05:11:13 DSchnellDavis

AFAIK положить FormGroup внутри FormArray раздевает «FormControls» их имен и делает это просто список, как обычный массив.

Для того, чтобы обновить FormControls индивидуально, вы измените значение каждого AbstractControl из FormGroup с помощью индекса:

let index = 0; // or 1 or 2 
(<FormArray>this.myForm.controls['branch_timing']).at(index).patchValue('example');

Или вы можете обновить весь FormArray по телефону setValue или patchValue:

(<FormArray>this.myForm.controls['branch_timing']).setValue(['example', 'example1', 'example2']);

setValue требует массив, который соответствует всей структуре или FormArray, а patchValue ca n принимает супер-набор или подмножество массива. (FormArray-class on Angular2's website)

источник

2016-09-26 06:24:37

@Frederico P Лучший совет, который можно найти в Интернете для добавления в formArray! Тем не менее, мне нужно было это, чтобы заставить его работать: '( this.formName.get ('FormArrayName')). Push (новый FormControl ('НЕКОТОРНОЕ ЗНАЧЕНИЕ'));' – BenRacicot

в случае, если вы хотите заменить день, например , Я сделал это следующим образом: ( this.myForm.controls ['branch_timing']). At (index) .get («день»). SetValue («222»); – Samuel

-2

Попробуй, надеюсь, что он будет работать для вас:

this.myForm.controls.splice(0);

источник

2017-02-10 03:31:30

Извините, это ошибка –

, вы должны уметь ее удалять. Найдите ссылку «удалить» под своим ответом –

Вы можете сделать это, просто создав новую FormControl:

this.form.setControl('items', new FormControl(arrayItemsValue));

Или по удаляя все предметы перед их обновлением:

const items = (<FormArray>this.form.get('items')); 
for (let i = 0; i < items.length; i++) { 
    items.removeAt(i); 
} 
this.form.get('items').setValue(arrayItemsValue);

источник

2017-11-14 10:35:45 abahet

Как обновить элементы управления FormArray

ответ

Смежные вопросы