Как переписать код и сделать его динамическим angular5?

Question

[Дмитрий]

<div class="items">
  <div class="item">
    <progress value="0" max="100" class="progress" #progress1></progress>
  </div>
  <div class="item">
    <progress value="0" max="100" class="progress" #progress2></progress>
  </div>
  <div class="item">
    <progress value="0" max="100" class="progress" #progress3></progress>
  </div>
</div>
---------------------
  @ViewChild('progress1') progress1;
  @ViewChild('progress2') progress2;
  @ViewChild('progress3') progress3;

Как сделать динамический шаблон и потом работать с каждым тегом progress ?

Comments

[Qairat]

<div class="items">
  <div class="item" *ngFor="let i of [0,1,2]">
    <progress value="0" max="100" class="progress" #progress{{i+1}}></progress>
  </div>
</div>

Попробуйте так.