Angular NgFor中的角度忽略元素

问题很简单

我想迭代列表中的元素。但是我需要比较一些值是否相等，在本例中忽略循环中的这个元素并继续。代码

 <li *ngFor="let secondary of location.contador.gateways" ngIf="location.contador.gateway != secondary.unidadVenta">{{secondary.TEST}}</li>

{{secondary.TEST}

正如我们所看到的，我尝试比较ng中的值，如果它没有像我预期的那样工作

---

有人知道这样做的正确方法吗？

在

组件中。ts

您可以在生命周期挂钩或任何函数中执行类似操作：

this.location.contador.gateways = this.location.contador.gateways.filter((secondary) => {
 return location.contador.gateway != secondary.unidadVenta;
})

如果要在模板中进行筛选，则可以在

li

标记中使用嵌套标记：

<li *ngFor="let secondary of location.contador.gateways">
 <span *ngIf="location.contador.gateway != secondary.unidadVenta">
 {{secondary.TEST}}
 </span>
</li>

<ng-container *ngFor="let secondary of location.contador.gateways">
   <li *ngIf="location.contador.gateway != secondary.unidadVenta">
     {{secondary.TEST}}
   </li>
</ng-container>

---

请参阅。

使用

ng容器

包裹

标签：

<li *ngFor="let secondary of location.contador.gateways">
 <span *ngIf="location.contador.gateway != secondary.unidadVenta">
 {{secondary.TEST}}
 </span>
</li>

<ng-container *ngFor="let secondary of location.contador.gateways">
   <li *ngIf="location.contador.gateway != secondary.unidadVenta">
     {{secondary.TEST}}
   </li>
</ng-container>

{{secondary.TEST}

我认为这个解决方案，即使你能做到，将来也会导致很多错误。安全的方法是在组件后面的.ts中进行筛选，最好在

组件.ts中进行筛选。不能在一个元素上使用两个结构指令。