diff --git a/src/lib/stepper/step-header.html b/src/lib/stepper/step-header.html index e9570c5d0878..be0493f18a77 100644 --- a/src/lib/stepper/step-header.html +++ b/src/lib/stepper/step-header.html @@ -1,47 +1,13 @@
-
- -
- - - {{index + 1}} - - - - - create - - - - - done - - - - - warning - - - - - - {{state}} +
+
+ + + {{_getDefaultTextForState(state)}} + {{_getDefaultTextForState(state)}}
diff --git a/src/lib/stepper/step-header.ts b/src/lib/stepper/step-header.ts index ae97ba44cdf3..70463e2e29e7 100644 --- a/src/lib/stepper/step-header.ts +++ b/src/lib/stepper/step-header.ts @@ -101,4 +101,17 @@ export class MatStepHeader extends CdkStepHeader implements OnDestroy { optional: this.optional }; } + + _getDefaultTextForState(state: StepState): string { + if (state == 'number') { + return `${this.index + 1}`; + } + if (state == 'edit') { + return 'create'; + } + if (state == 'error') { + return 'warning'; + } + return state; + } } diff --git a/tools/public_api_guard/lib/stepper.d.ts b/tools/public_api_guard/lib/stepper.d.ts index dcb061d770f7..cd9f4d2255ee 100644 --- a/tools/public_api_guard/lib/stepper.d.ts +++ b/tools/public_api_guard/lib/stepper.d.ts @@ -29,6 +29,7 @@ export declare class MatStepHeader extends CdkStepHeader implements OnDestroy { selected: boolean; state: StepState; constructor(_intl: MatStepperIntl, _focusMonitor: FocusMonitor, _elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef); + _getDefaultTextForState(state: StepState): string; _getHostElement(): HTMLElement; _getIconContext(): MatStepperIconContext; _stringLabel(): string | null;