制作动态Angular组件

Question

我正在创建Angular 7应用。 在这个应用程序中，我正在使用contenteditable div，在这个div中，我想在执行新段落时添加一个组件。我可以插入该组件的代码，但无法初始化/工作。

formatParagraph(event) {
    if (event.charCode === 13) {
      document.execCommand('formatBlock', false, 'p');
      document.execCommand('insertHTML', false, '<app-block-add></app-block-add>');
    }
  }

但是，如果我手动（而不是动态地）将其添加到contenteditable div中，它将初始化/运行。

<div contenteditable="true" (keypress)="formatParagraph($event)">
  <p><app-block-add></app-block-add></p>
</div>

动态添加后，如何使Angular“启动” <app-block-add>？ 没有错误，代码已添加到div中，但尚未启动。