Angular stepper在完成或完成时是一个错误，这不是一个函数

Question

我面临一个问题不是一个功能，在其他页面它工作得很完美，但我在对话框中做了角度步进，然后它没有工作。

这是对话框的代码。

<mat-step>
  <ng-template matStepLabel>Page 3</ng-template>
  <div class="form-block">
    <div class="form-group" *ngIf="selectedTemplate === 1">
    <div>
      <label>Select:</label>
    </div>
    <app-dropdown [items]="productDropdownOptions" placeholder="Select Product" [(ngModel)]="selectedItemId"></app-dropdown>
    </div>
    <div class="form-group" *ngIf="selectedTemplate === 2">
      <div>
        <label>Select:</label>
      </div>
      <app-dropdown [items]="valueItemClass" [(ngModel)]="selectedItemId"></app-dropdown>
    </div>
  </div>
  <button mat-button matStepperPrevious>Back</button>
  <button mat-button (click)="complete()">Finish</button>

这是TS

 @Input() onStepperCompleted;
 @ViewChild('stepper') stepper;
 onFinish = () => {
    this.onStepperCompleted(this.selectedTemplate, this.selectedItemId);
  }

它向我显示这样的错误。

TypeError: _this.onStepperCompleted is not a function