Checkbox mat复选框可以用作matStepperNext吗？

我希望步进机中的一个步骤有一个协议，但不希望额外的按钮显示“我同意我刚才检查同意的内容”。只需点击复选框，就可以了

使用标准的角度示例，我将按钮替换为复选框，步进器不会向前移动

<button mat-raised-button (click)="isLinear = !isLinear" id="toggle-linear">
  {{!isLinear ? 'Enable linear mode' : 'Disable linear mode'}}
</button>
<mat-vertical-stepper [linear]="isLinear" #stepper>
  <mat-step [stepControl]="firstFormGroup">
    <form [formGroup]="firstFormGroup">
      <ng-template matStepLabel>Agree with Terms</ng-template>
      <div>
        <mat-checkbox matStepperNext formControlName="firstCtrl" required> I agree </button>
      </div>
    </form>
  </mat-step>
  <mat-step [stepControl]="secondFormGroup">
    <form [formGroup]="secondFormGroup">
      <ng-template matStepLabel>Fill out your address</ng-template>
      <mat-form-field>
        <input matInput placeholder="Address" formControlName="secondCtrl" required>
      </mat-form-field>
      <div>
        <button mat-button matStepperPrevious>Back</button>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>
  <mat-step>
    <ng-template matStepLabel>Done</ng-template>
    You are now done.
    <div>
      <button mat-button matStepperPrevious>Back</button>
      <button mat-button (click)="stepper.reset()">Reset</button>
    </div>
  </mat-step>
</mat-vertical-stepper>

{{！isLinear？'启用线性模式'：'禁用线性模式'}
同意条款
我同意
填写你的地址
返回
下一个
多恩
你现在完成了。
返回
重置

---

希望单击复选框，让步进器直接移动到第2步。

我猜出来了。关键字matStepperNext似乎不适用于复选框。但是，如果在HTML复选框中，在stepper的div中包含#stepper

<mat-vertical-stepper #stepper [linear]="isLinear">you include a (change) event calling a function...

…然后添加此函数

  goForward(stepper: MatStepper){
    stepper.next();
  }

---

当您单击复选框时，它将进入下一步。

当“线性”为真时，这是否也起作用？对我来说似乎不是。

import { MatStepper } from '@angular/material/stepper';

  goForward(stepper: MatStepper){
    stepper.next();
  }