Javascript 动态用户触发角度分量转换

我想做的很简单：我有一个名为

parent component

的组件，它被设置为transclude

let parentComponent = { controller: ParentComponent, template: view, transclude: true };

在这个组件的模板中，我只有：

我想做的是根据用户触发的事件动态地转移其他开发的组件。因此，假设我有另一个名为

transcluded component

的组件，我只想在单击按钮后将其转换到

父组件中

我该怎么做？我在使用
元素.append
或类似工具时运气不佳。这里我缺少什么？
您是否在添加组件后对其进行了
$compile
编译？使用以编程方式将其他组件添加到模板中。