延迟获取 Formcontrol 的值

Question

我有一个单选按钮，它应该根据所选的值将用户移动到我的 angular 步进器中的下一步，或者在同一个步进器中显示下一个 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>

Angular 代码片段

  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 的值

Delay in getting value of Formcontrol

angular

form-control