How to render class selector stored as a string in Angular?

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