Component.ts file with selector stored as a string in testWidget variable
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-dashboard',
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss'],
})
export class DashboardComponent implements OnInit {
constructor() { }
dashboard: any;
ngOnInit(): void {}
// variable with a child component selector stored as a string
testWidget = `<app-dashboard></app-dashboard>`;
}
In html file this should render the component.
<testWidget></testWidget>
Any other approach that dynamically renders the component will also work as selector names will come from the database