html - 根据条件在模板中添加中间元素

Question

我正在处理我无法修改的 CSS，我需要根据条件包裹元素，如果条件未验证则移除包裹。

换句话说，如果条件得到验证，我希望输出是这样的:

<div class="wrapper">
  <my-component></my-component>
</div>

否则，这:

<my-component></my-component>

我不能只删除 wrapper 类，因为它会破坏一些 CSS 规则，而且我不能使用 display: contents; 因为它与 IE 不兼容.

我该如何解决这个问题？

Answer 1

试试这个:

<div class="wrapper" *ngIf="condition">
      <my-component></my-component>
</div>        
<my-component *ngIf="!condition"></my-component>