Я создаю веб-приложение в угловой структуре, которое должно управлять некоторыми исполнительными механизмами.Они должны появиться в списке, который будет сгенерирован автоматически с переменной длиной.
Для списка я использую панели расширения из углового материала, поэтому список остается ясным, отображая его на смартфоне.Каждая панель должна содержать некоторые объявления и ползунки для управления приводом.
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
P&ID: {{ nameV[1] }}
</mat-panel-title>
<mat-panel-description class='paneldescription'>
<i class="material-icons valve-status" [class.open]="statusV[1]" [class.closed]="!statusV[1]">
{{(statusV[1]) ? "arrow_upwards" : "arrow_downward"}}</i>
<mat-checkbox class="ControlBox-margin" [(ngModel)]="controlBoxChecked[1]" [labelPosition]="controlBoxLabelPosition"
[disabled]="controlBoxDisabled">
Checked.
</mat-checkbox>
</mat-panel-description>
</mat-expansion-panel-header>
<mat-divider></mat-divider>
<!-- Slide Toggle AUTO/ MANUAL -->
<mat-slide-toggle class="slide-margin" [color]="slideColor" [checked]="modeSlideChecked[1]" [disabled]="modeSlideDisabled[1]"
(change)="modeOnChange($event,1)" [(ngModel)]="switch[3]">
Auto/ Manual
</mat-slide-toggle>
<mat-divider></mat-divider>
<!-- Slide Toggle -> OPEN/ CLOSE -->
<mat-slide-toggle class="slide-margin" [color]="slideColor" [checked]="statusV[1]" [disabled]="slideDisabled[1]"
(change)="onChange($event,1)" [(ngModel)]="switch[4]">
Close/ Open
</mat-slide-toggle>
<mat-divider></mat-divider>
<p class="details">V001 </p>
</mat-expansion-panel>
<!-- next panel -->
<mat-accordion>
Единственное, что изменяется от привода к приводу (на каждой панели), это номер 1 в каждом массиве или параметре функции.
Есть ли способ автоматизировать создание панелей расширения с этим переменным номером массива?