动态用户触发的角度组件转换

Question

我尝试做的事情非常简单：我有一个名为parent-component的组件，可以设置为转换。

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

在此组件的模板中，我只有：<ng-transclude></ng-transclude>

我想做的是根据用户触发的事件动态转换其他开发的组件。所以，让我们说我有另一个名为transcluded-component的组件，我只想在点击一个按钮时将其转换为parent-component。

我该怎么做？我使用element.append或类似物没有运气。我在这里错过了什么？