angular材料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() function。 當我在我的情況下使用它時，請參閱上面的 cpde，我收到一個錯誤：

預期 2-4 arguments，但得到 0。

在這種情況下，我需要使構造函數工作的 2-4 arguments 是什么？

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';