Как я могу идентифицировать шаговый двигатель из массива шаговых двигателей и установить индекс шага на этом шаговом двигателе. Например, у меня есть 4 шаговых двигателя, сгенерированных через * ngFor l oop, this.stepper всегда указывает на первый шаговый двигатель, а this.stepper.selectedIndex предназначен для первого шагового двигателя, а не для n-го шагового. Как мне выбрать правильный шаговый двигатель для изменения индекса?
<div *ngFor="let item of items; let i = index">
<mat-vertical-stepper #stepper >
<mat-step label="Order Received:?" state="phone">
<mat-card >
<p class="blinkme">Order Received</p>
</mat-card>
</mat-step>
<mat-step label="Order Processing:?" state="order">
<mat-card>
Order Processing---?
<p class="blinkme"> Order Time + {{SP}} Minutes </p>
</mat-card>
</mat-step>
</mat-vertical-stepper>
</div>
так что для 4 элементов у меня есть 4 панели расширения, код не отображается, каждая панель имеет элемент элементов, конечный результат - 4 шага, встроенных в панель расширения. проблема в том, что this.stepper.selectedIndex = index; всегда указывает на первый шаговый двигатель, но посмотрите на функцию, я вижу 4 шага массива, каждый с вертикальным шаговым двигателем. Мне нужно перейти на N-й шаг, чтобы я мог установить его индекс, если пользователь выбирает N-ю панель расширения.