当它是一个Angular组件时，如何附加HTML代码？

Question

我正在使用Angular 6开发Web应用程序。 我有一个小问题：在我的一项服务中使用了以下简单代码：

method() {
   document.body.insertAdjacentHTML('beforeend', '<h1>Hello</h1>');
}

我可以在每次运行时动态显示html代码。 但是，仅由于<h1>是本机HTML标记，才会发生这种情况。 如何使用与HTMML模板关联的Angular组件执行相同的操作？例如，<myComponent></myComponent>， 这种方式行不通...

    method() {
      document.body.insertAdjacentHTML('beforeend','<myComponent>/myComponent>');
    }

您能为我提供使用几行代码的解决方案吗？ 我必须在服务中使用此方法。谢谢。