Как инициализировать динамические компоненты в верстке Angular2+?

Question

[Дмитрий]

Пробую сделать следующие:
1. Есть основной компонент app-root, в нем вложенный app-board
2. При инициализации компонента app-board идет обращение к серверу, с него приходит JSON ответ со списком доступных компонент для app-board.
3. На основании полученного JSON в app-board генерируется верстка (количество строк, колонок) для отображения полученного списка компонентов.
Вопрос:
Возможно ли динамически сгенерировать верстку так, чтобы в ней можно было инициализировать компоненты из списка:

<div class='row'>
<div  class='col-1' injectThis1></div>
<div  class='col-2' injectThis2></div>
</div>

в injectThis1 и injectThis2 (генерируются в верстке после разбора JSON) нужно инициализировать компоненты

Comments

[Алексей Зуев]

Возможно. Приведите пример json и что хотите видеть в результате. В идеале на plunker

[Дмитрий]

в JSON банально список имен компонентов, которые надо инициализировать.
мне нужно в зависимости от количества компонентов в списке.. может быть от 0 до ХХ, сгенерировать верстку
например

<div class='row'>
<div  class='col-1' injectThis1></div>
<div  class='col-2' injectThis2></div>
</div>

или

<div class='row'>
<div  class='col-1' injectThis1></div>
<div  class='col-2' injectThis2></div>
<div  class='col-3' injectThis3></div>
</div>
<div class='row'>
<div  class='col-1' injectThis4></div>
<div  class='col-2' injectThis5></div>
<div  class='col-3' injectThis6></div>
</div>

Проблема в том, что я не могу в DIV динамически вписать injectThisХ и инициализировать там компонент.
Если верстка есть заранее в шаблоне, то компонент инициализируется без проблем.