更改Angular 2组件模板中的嵌套？

Question

我有一个用户可配置的布局，我相信我需要更改每个配置的元素嵌套。我不想要多个模板，因为这需要维护，但我想知道Angular 2中是否有某种方法来定义父元素，其子元素将显示天气或不显示父元素是显示。如果我有：

<parent>
    <child />
</parent>

我想使用某种切换来从显示列表中删除parent元素而不会丢失它child。因此，在切换时，child将成为parent父母的孩子。

这甚至可能吗？

Answer 1

如果SingleKotlin single = SingleKotlin.INSTANCE; // or SingleKotlin.INSTANCE.getX(); 只是一个HTML标记，则可以使用有条件地应用的CSS类间接完成。

例如，如果parent是parent：

模板：

<div>

CSS：

<span [class.myDivClass]="condition">
  <child />
</span>

如果.myDivClass { display: block; } 是一个Angular组件，可能更容易添加一个禁用其功能的输入，而不是尝试取消嵌套。

或者，也许可以创建一个可能具有此类效果的指令。