在Angular2中使用没有附加元素的ngIf

在Angular2中，ngIf是一个指令。它允许开发人员根据特定条件创建或销毁DOM元素。

通常，使用ngIf指令时，我们需要将其挂载到一个元素上，比如一个容器div元素。但是，在某些情况下，我们可能想要使用ngIf指令来控制一个元素自身的显示和隐藏，而不是附加到一个容器元素上。下面，我们将介绍如何在Angular2中使用没有附加元素的ngIf指令。

使用ng-container

要实现这一点，我们可以使用ng-container元素。ng-container是一个不可见的元素，它可以用来包裹其他元素。使用ng-container来使用ngIf指令是一个有效的办法，因为它不会在DOM中引入任何多余的元素。

首先，在你的组件模板中，你需要定义一个ng-container元素，并在其中使用ngIf指令：

<ng-container *ngIf="condition">
  <!-- 我们需要隐藏或显示的内容 -->
  <h1>Hello World!</h1>
</ng-container>

在上面的例子中，我们在ngIf指令中设置了一个名为“condition”的变量。只要该变量为真，ngIf指令就会展示包含在ng-container中的内容（在本例中是标题“Hello World!”）。否则，该元素将不会显示在DOM中。

直接使用ngIf

另一种方法是直接使用ngIf指令，而不是使用ng-container。我们可以通过使用一个空的div元素作为我们绑定指令的元素，来达到这个目的。

<div *ngIf="condition">
  <!-- 我们需要隐藏或显示的内容 -->
  <p>这段文字将会被展示出来。</p>
</div>

同样，我们可以在ngIf指令中设置条件（在本例中是一个名为“condition”的变量）。

需要注意的是，使用ngIf指令而不是ng-container是在DOM中引入了一个额外的元素。因此，如果性能是问题的话，使用ng-container是更好的选择。

以上便是如何在Angular2中使用没有附加元素的ngIf指令的介绍。无论你是使用ng-container还是直接使用ngIf指令，这两种方法都可以让你根据条件动态地隐藏或显示一个元素。