Question

我有来自数据库的请求，响应是一个对象，包含更多数据响应结果是下一个：

ID:{} CATEGORY:{} USERNAME:{} etc...

我有更多的CATEGORY TYPE（用户，超级用户，分析师等......）我想将类别绑定为普通绑定。所以我不想单独编写所有类别类型，我想绑定它。

现在我的代码如下所示：

<div *ngFor="let data of data.data ">
   <div *ngIf="data.category === 'analyst'">
      <mat-list>
      </mat-list>     
   </div>
</div>

<div *ngFor="let data of data.data ">
    <div *ngIf="data.category === 'user'">
        <mat-list>
        </mat-list>     
    </div>
</div>

我想在下一路上为用户显示数据。

<div *ngFor="let data of data.data ">
   <div *ngIf="data.category === '{{data.category}}'">
      <mat-list>
      </mat-list>     
   </div>
</div>

Answer 1

据我了解，您正在尝试从对象 data 访问属性“category”，其中包含您的迭代器数据以进行比较。

在这种情况下，您应该为迭代使用不同的变量名称，它应该没问题;等，

<div *ngFor="let item of data.data ">
    <div *ngIf="item.category === data.category">
        <mat-list>
        </mat-list>     
    </div>
</div>

Answer 2

你能做的是：

迭代您的数据列表
在某个数组中推送data.catgory
在HTML中读取该数组：

<div *ngFor = "let item in newArr"> <mat-list> </mat-list> </div>

Angular 4更深的Databind

2 个答案: