Html 将组件注入特定位置的另一个组件中

我正在使用angular 11，并在选定的表行之后注入一个特定的HTML元素

var data="<div></div>"      
this.selectedRow.insertAdjacentHTML('afterend',data) 

var data=“”
this.selectedRow.insertAdjacentHTML（'afterend'，data）

现在，我需要更改此项并插入一个组件，以便定义函数并完全控制注入的元素

---

编辑：为了澄清，我试图创建一个带有可扩展行的表，但我需要在其中创建我自己的视图（我使用ng2智能表，所以我尝试手动添加扩展行并注入HTML，但我需要一个带有按钮和图表等内容的自定义视图，所以我需要注入自定义组件）

这个问题是否回答了您的问题？你真正想要完成的是什么？给出一些真实的例子。这将有助于我们更好地帮助我编辑我的问题。我希望现在很清楚，我会考虑使用一个已经建成的表，因为你在等待新版本不会与你想做的事相冲突。有很多免费的选择。否则，一个可复制的你被困在哪里的例子将有助于stackblitz或其他类似的服务。@ChrisW。感谢您重播，我正在处理一个大型项目，因此更改表的性质将需要一段时间，我也将尝试创建一个工作示例，但我的主要问题是使用somthing similaire将一个组件注入insertAdjacentHTML