Есть ли способ динамически изменить templateURL с помощью angular 9?

Question

Я работаю над проектом angular 9, где мое требование состоит в том, чтобы загружать шаблоны со стороны администратора и динамически использовать этот HTML шаблон на стороне клиента.

мы загружаем html шаблонов, чтобы указать c angular каталог.

ниже - angular синтаксис для загрузки компонента:

@Component({
 selector: 'app-template1',
 templateUrl: './template1.component.html',
 styleUrls: ['./template1.component.scss']
})

приведенный выше код имеет значение по умолчанию шаблон1 загружен. пользователь может изменять шаблоны, используя раскрывающиеся значения. будет много шаблонов, таких как template2, template3 ... et c.

Я провел небольшое исследование и попробовал следующие решения, но не повезло:

1. пытался установить Dynami c URL-адрес шаблона с помощью localStorage.

   @Component({
    selector: 'app-template1',
    templateUrl: localStorage.getItem('selectedTemplateURL'),
     styleUrls: ['./template1.component.scss']
   })
   

2. Пытался реализовать это решение:

Angular 2 / 4 с шаблоном Dynami c или templateUrl

Если у кого-то есть идея, пожалуйста, помогите мне, спасибо!