Question

在这种情况下，仅当id为1时，我只需要显示ngfor中列表的一部分。我该如何实现？

while id==1

*ngFor="let item of list">{{item.value}}

this.list = [
      {id:1, value:1},
      {id:1, value:2},
      {id:1, value:3},
      {id:2, value:4},
      {id:2, value:5},
      {id:2, value:6}
  ];

Answer 1

您可以在*ngIf语句中使用*ngFor语句。像这样：

<div *ngFor='let item of list'>
    <div *ngIf='item.id==1'>
        {{item.value}}
    </div>
</div>

这是一个有效的stackblitz示例https://stackblitz.com/edit/angular-skf1wq

Answer 2

这很简单，只需在执行HTML中的data.id == 1时检查ngFor

<div *ngFor="let data of list">
    // Hear you have to check with *ngIf
    <div *ngIf="data.id == 1">
        {{data.value}}          // It will print only when data id is 1
    </div>
</div>

ngFor虽然字符串是“东西”是可行的？

2 个答案: