Question

所以我有一些代码

<div class="square positive" *ngFor="let square of getEquipmentHealth()"></div>

这将一个接一个地打印框，但是如果我添加一个if条件，

<div *ngIf="getEquipmentHealthNumber() <= 3" >
  <div class="square positive" *ngFor="let square of getEquipmentHealth()"></div>
</div>

这会在另一个下面打印这些框

我是新手，可能缺少简单的东西。有人知道为什么会这样吗。任何帮助将不胜感激。

Answer 1

使用ngIf指令添加容器时，附加的div可能会导致样式规则以不同的方式应用于内部div。要消除外面的div，请使用角度ng-container：

<ng-container *ngIf="getEquipmentHealthNumber() <= 3" >
  <div class="square positive" *ngFor="let square of getEquipmentHealth()"></div>
</ng-container>

在Angular中，在* ng内部使用* ngFor如果不起作用

1 个答案: