Dynamic loading of components based on their reference

Question

Everybody, good afternoon, everybody.

I’m having the following problem.

Given a structure:

[
   {
     title: "A",
     content: ComponentReference
   },
   {
     title: "B",
     content: ComponentReference
   },
]

I need to load one from Angular Material, so that each Componentreference, which are references of different components, need to be rendered inside each mat-tab.

Any idea how I could make this Componentreference be rendered inside the mat-tab?

Answer 1

Solved using Ngcomponentoutlet.