]>
Commit | Line | Data |
---|---|---|
1d5342ab | 1 | import { CdkStep, CdkStepper } from '@angular/cdk/stepper' |
9df52d66 | 2 | import { Component } from '@angular/core' |
1d5342ab C |
3 | |
4 | @Component({ | |
5 | selector: 'my-custom-stepper', | |
6 | templateUrl: './custom-stepper.component.html', | |
7 | styleUrls: [ './custom-stepper.component.scss' ], | |
8 | providers: [ { provide: CdkStepper, useExisting: CustomStepperComponent } ] | |
9 | }) | |
10 | export class CustomStepperComponent extends CdkStepper { | |
11 | ||
12 | onClick (index: number): void { | |
13 | this.selectedIndex = index | |
14 | } | |
15 | ||
16 | isCompleted (step: CdkStep) { | |
6f03f944 | 17 | return step.completed |
1d5342ab | 18 | } |
40360c17 | 19 | |
6f03f944 C |
20 | isAccessible (step: CdkStep) { |
21 | return step.editable && step.completed | |
40360c17 | 22 | } |
1d5342ab | 23 | } |