Переключатель сбрасывает значения по умолчанию при сбросе формы угловой 6

Question

У меня есть реактивная форма, в которой есть группа переключателей, которая работает с одной переменной формы и работает, пока я не сброслю форму.когда я сбрасываю форму, оба радио отключаются.

<mat-radio-group aria-label="Select an option" formControlName="IsUnderLc">
   <mat-radio-button value="true" [checked]="workTransactionForm.controls['IsUnderLc'].value == true">
     Under LC
   </mat-radio-button>
   <mat-radio-button value="false[checked]="workTransactionForm.controls['IsUnderLc'].value == false">
     Collection
   </mat-radio-button>
</mat-radio-group>

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

     this.workTransactionForm.reset();
     this.workTransactionForm.controls.IsUnderLc.setValue(true);

Можно ли установить значения для элементов управления формы после сброса формы?

Answer 1

Вы можете передать (новые) значения для элементов управления формы в функции сброса.Это сбросит форму и сохранит / повторно добавит значения, которые вы передаете.так что вы можете использовать:

this.workTransactionForm.reset({IsUnderLc: true});

Или, если вы хотите сохранить некоторые значения:

const currentValue = this.workTransactionForm.get('IsUnderLc').value;
this.workTransactionForm.reset({IsUnderLc: currentValue});

Answer 2

Я мог бы решить проблему после изменения html-кода с

<mat-radio-button value="false" [checked]="workTransactionForm.controls['IsUnderLc'].value == false">
     Collection
</mat-radio-button>

на

<mat-radio-button value="false>
     Collection
</mat-radio-button>

и связывания его снова в файле .ts, например

this.workTransactionForm.controls.IsFresh.patchValue(false);
this.workTransactionForm.controls.IsUnderLc.patchValue(false);