Как передать индекс как компоненты параметра?

Question

На странице есть некоторые компоненты stati c:

<app-com1  [attr.id]="'section_1'"></app-com1>
<app-com2  [attr.id]="'section_2'"></app-com2>
<app-com3  [attr.id]="'section_3'"></app-com3>
<app-com4  [attr.id]="'section_4'"></app-com4>

У меня есть массив: let arr [1,2,3,4];

Мне нужно получить каждое значение из arr и передать это [attr.id] вместо stati c data.

Как это сделать?

Я могу обернуть его в l oop, но мне это не нравится:

<ng-container *ngFor="let component of arr; let i = index">
      <app-com1 *ngIf="i == 0"  [attr.id]="i"></app-com1>
      ...etc
</ng-container>

Answer 1

Это можно сделать через dynamic components рабочий пример

https://angular.io/guide/dynamic-component-loader

Answer 2

Попробуйте это

<ng-container *ngFor="let component of arr; let i = index">
      <app-com1 *ngIf="i == 0"  id="{{component}}"></app-com1>
      ...etc
</ng-container>