Я пытаюсь настроить step-numbers, например, 1, 2, 3, отображаемые для каждого шага, с различным значком в initial state степпера
В настоящее время я могу заменить step-numbers на значение matStepperIcon в состоянии edit в ng-template, как показано ниже
При этом я вижу, что только при переходе к следующему шагу предыдущие шаги step-number изменяются на icon (donut_large).
<mat-vertical-stepper [linear]="isLinear" #stepper>
<ng-template matStepperIcon="edit"><mat-icon>donut_large</mat-icon> </ng-template>
<mat-step >
... код исключен для краткости
...
1) мне нужно использовать значок donut_large с каким-либо другим значением matStepperIcon, кроме редактирования. Итак, обратите внимание, что значок donut_large отображается на шагах в состоянии Steppers reset.
2) Какие все другие значения StepState могут использоваться, так как, когда я пытаюсь использовать любые другие значения, такие как done или reset для matStepperIcon, это не работает. Это работает только когда я использую значение как edit. Согласно документации на сайте англоязычных материалов matStepperIcon относится к
@Input('matStepperIcon') |
name: StepState | Name of the icon to be overridden.