示例

Question

我想在数据源中设置键的值。我在数据库中有两个表，其中一个表的顺序是颜色存储在键中的顺序，我想显示它的值，而值则用键存储在列表中。

public dataSource = new MatTableDataSource<order>();
this.httpClient.get('/api/getorders').subscribe(res => {
   this.dataSource.data = res as order[];
});

然后我从db获得订单，并且此顺序中的颜色为键形式并且它的值在其他表中，我要在其中显示键插入的值。

for (let x = 0; x <= dataSource.length; x++ ) {
  for(var color in product.colors) {
    allProductsBykey[color] = product.colors[color].key.value;
    if (dataSource[x].color === product.colors[color].key) {
       var map = new Map();
       map.set(dataSource[x].color, product.colors[color].name);
       map.get(dataSource[x].color);
    }
  }
}

在数据源中，我希望将颜色更新为值而不是键

Answer 1

要编写第二个循环，您必须编写此代码。

<ng-container matColumnDef="color">
      <th mat-header-cell *matHeaderCellDef mat-sort-header> Color </th>
      <td mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}} </td>
</ng-container>

示例

https://stackblitz.com/angular/dexlbavpqvm?file=app%2Ftable-overview-example.ts

如何在角材的数据源中设置值

1 个答案:

示例