Создать список «автоматически» (улучшение HTML кода) - PullRequest
0 голосов
/ 24 апреля 2019

Я создаю веб-приложение в угловой структуре, которое должно управлять некоторыми исполнительными механизмами.Они должны появиться в списке, который будет сгенерирован автоматически с переменной длиной.

Для списка я использую панели расширения из углового материала, поэтому список остается ясным, отображая его на смартфоне.Каждая панель должна содержать некоторые объявления и ползунки для управления приводом.

<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 в каждом массиве или параметре функции.

Есть ли способ автоматизировать создание панелей расширения с этим переменным номером массива?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...