У меня есть радиокнопка, которая в зависимости от выбранного значения должна переместить пользователя на следующий шаг в моем угловом шагере или показать следующий DIV в том же шагере.Однако оказывается, что когда я щелкаю по радиокнопке, функция вызывается правильно, однако значение радиокнопки (возвращаемое this.chesPainFormGroup.get) равно NULL, когда я щелкаю по нему второй раз, тогда значение корректно.Кто-нибудь теперь решение.
Фрагмент HTML-кода:
<mat-grid-tile [colspan]=3 [rowspan]=3>
<div>
<label id="example-radio-group-label">Pijn op de borst (gehad) ?</label>
<mat-radio-group aria-labelledby="example-radio-group-label" class="example-radio-group" formControlName="pobCtrl">
<mat-radio-button class="example-radio-button" *ngFor="let ja of janee" [value]="ja" (click)="showDiv(stepper)">
{{ja}}
</mat-radio-button>
</mat-radio-group>
</div>
Фрагмент углового кода
showDiv (stepper: MatStepper) {
const pobgehadcheck = this.chestPainFormGroup.get('pobCtrl').value;
console.log(pobgehadcheck);
if (pobgehadcheck === 'Nee') {
console.log ('Geen Chestpain gehad.');
stepper.next();
} else {
this.pobgehad = !this.pobgehad;
}