Как отобразить компоненты через *ngFor?

Question

[lssssssssssl]

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

arr = [{name: 'example'}]
<router-outlet name="{{arr.name}}"><router-outlet>
{path: '', outlet: 'example', component: ExampleComponent}

Но ангуляр запрещает делать такую конструкцию name="{{arr.name}}"

Comments

[lssssssssssl]

Решение https://angular.io/api/common/NgComponentOutlet

Пример:

const cards = [{component: ExampleComponent }]
*ngFor="let card of cards"
<ng-container *ngComponentOutlet="card.component"></ng-container>

Answer 1

[Pavel Shvedov]

Это не ангуляр запрещает, а javascript, так как у массива arr нет свойства name

Comments

[lssssssssssl]

Нет, это просто я дал неправильный пример.

*ngFor="let el of arr"
<router-outlet name="{{el.name}}"><router-outlet>