angular - ngIf 检查变量是否存在

Question

现在我正在使用 ngIf 来查看 Item Id 是否为 1 并且它会进行一些样式更改，但第二条语句仍然适用于项目 Id 不为 1 的所有其他对象。我明白为什么会发生这种情况，但是如果数组中的任何对象中都不存在 Item Id 1，是否有办法仅运行第二条语句？非常感谢

 <div *ngFor="let item of items">    
     <div *ngIf="(item.details.id == 1)">
        Do Somthing
     </div>

     <div *ngIf="(item.details.id != 1)">
        Do Somthing
     </div>
    </div>

Answer 1

在组件代码中:

// private oneExists: boolean = false;
this.oneExists = this.items.filter(item => item.details.id === 1).length > 0;

在模板中:

<div *ngFor="let item of items">    
  <div *ngIf="item.details.id === 1">
    Do Something
  </div>

  <div *ngIf="! oneExists">
    Do Something
  </div>
</div>