角度:根据条件在模板中添加中间元素

时间:2019-02-27 12:03:32

标签: html css angular

我正在使用无法修改的CSS,因此需要在条件上包装元素,如果条件未经验证,则需要除去包装。

换句话说,如果条件被验证,我希望输出是这样:

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

还有,否则:

<my-component></my-component>

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

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

尝试一下:

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

答案 1 :(得分:-1)

这样的事情。

MyTestSqlBatch.bat -SVR local -DB SampleDB -UserId sa -Password Test1234