У меня есть степпер материала angular, и мне нужно активировать все предыдущие шаги до шага selectedIndex в angular 6. Я уже пробовал использовать линейный шаговый двигатель, но получаю только активный шаг для selectedIndex не для всех предыдущих индексов. Пример: у меня 5 шагов, и я выберите 3-й, я получаю только 3-й шаг из активных, оставшиеся 1-й и 2-й шаги неактивны, мне нужно активировать 1-й, 2-й, 3-й шаги
угловой 6, угловой материал 6
в html
<div class="col-lg-7" *ngIf="!process">
<mat-horizontal-stepper [linear]="isLinear"
[selectedIndex]="currentStep" #stepper>
<ng-container *ngFor="let step of steps">
<ng-template matStepperIcon="home">
<mat-icon>home</mat-icon>
</ng-template>
<mat-step [editable]="isEditable">
<ng-template matStepLabel>{{step}}</ng-
template>
</mat-step>
</ng-container>
</mat-horizontal-stepper>
</div>
in ts
```
isLinear = true;
process: Boolean;
steps = [ "Ordered", "Packed", "Shipped", 'Transit', "Delivered" ];
this.process = true;
setTimeout(() => {
this.currentStep = 2;
this.process = false;
}, 1500);
I expected first three steps are active mode but i got only 3rd step in active mode