-import { Component } from '@angular/core'
import { CdkStep, CdkStepper } from '@angular/cdk/stepper'
+import { Component } from '@angular/core'
@Component({
selector: 'my-custom-stepper',
}
isCompleted (step: CdkStep) {
- return step.stepControl && step.stepControl.dirty && step.stepControl.valid
+ return step.completed
}
- isAccessible (index: number) {
- const stepsCompletedMap = this.steps.map(step => this.isCompleted(step))
- return index === 0
- ? true
- : stepsCompletedMap[ index - 1 ]
+ isAccessible (step: CdkStep) {
+ return step.editable && step.completed
}
}