角4深数据库

Question

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

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

我有更多的类别类型(用户，超级用户，分析师等等.)我想把这个类别绑定成一个正常的绑定。所以我不想单独写所有的分类类型，我想绑定它。

现在我的代码如下所示：

<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

据我所知，您正在尝试从包含迭代器数据的对象数据中访问属性“类别”，以便进行比较。

在这种情况下，您可能应该为您的迭代使用不同的变量名，而且它应该很好；例如，

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

Answer 2

你能做的是：

1. 迭代数据列表
2. 在某些数组中推送data.catgory
3. 将HTML中的数组读取为： <div *ngFor = "let item in newArr"> <mat-list> </mat-list> </div>