如何使用带构造函数的角材料cdk步进器

Question

考虑以下代码：

import { Component } from '@angular/core';
import { CdkStepper } from '@angular/cdk/stepper';

@Component({
  selector: 'stepper-form',
  templateUrl: './stepper-form.component.html',
  styleUrls: ['./stepper-form.component.scss'],
  providers: [{ provide: CdkStepper, useExisting: StepperFormComponent }]
})
export class StepperFormComponent extends CdkStepper {
    constructor(){
        super();
    }
}

在做了一些研究之后，我发现我需要使用super()函数。当我在我的例子中使用它时，请参阅上面的cpde，我得到了一个错误：

期望2-4个参数，但得到0。

在这种情况下，使构造函数工作所需的2-4参数是哪一个？

Answer 1

只需添加：

constructor(
    dir: Directionality,
    changeDetectorRef: ChangeDetectorRef,
  ) {
    super(dir, changeDetectorRef);
  }

Answer 2

https://github.com/angular/components/blob/master/src/cdk/stepper/stepper.ts

我猜想Karolina查找构造函数，第330行。

这意味着所需的进口是：

import {Directionality} from '@angular/cdk/bidi';

import {ChangeDetectorRef} from '@angular/core';