Question

我有一个单选按钮，它基于所选的值应将用户移至我的角度步进器中的下一个步骤，或显示同一步进器中的下一个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;
    }

Answer 1

您可以将ja作为另一个参数添加到点击处理程序中：

<mat-radio-button class="example-radio-button" *ngFor="let ja of janee"
   [value]="ja" (click)="showDiv(stepper, ja)">

showDiv (stepper: MatStepper, pobgehadcheck) {
   console.log(pobgehadcheck);
//...

延迟获得Formcontrol的价值

1 个答案: