How to render components using *ngFor?

Question

Angular

Let's say I have an array that contains some information about the components. When iterating over this array, I need to display these components based on its data.
I tried via:

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

But angular forbids doing such a construction name="{{arr.name}}"

Answer 1

This is not forbidden by angular, but by javascript, since the arr array does not have a name property