angular - 使用动态列排序 - Angular Material

Question

我正在使用这个URL我正在排序。排序工作正常，但是，我有 2 个数字列

1. 权重 - 它的值通过 API 调用来自数据库，并且存在于数据源中。 (这里，排序正在工作)
2. Double Weight:其公式为:重量*2。 此处，“双倍权重”是在 HTML 中动态计算的，因此它在数据源中不可用。

我需要在“双倍权重”列中应用排序。有人可以指导我吗？

HTML

< th mat-h​​eader-cell *matHeaderCellDef mat-sort-header> 权重

< td mat-cell *matCellDef="let element"> {{element.weight}}

< th mat-h​​eader-cell *matHeaderCellDef mat-sort-header> 权重

< td mat-cell *matCellDef="let element"> {{element.weight * 2}}

TS

@ViewChild(MatSort) sort: MatSort;
ngOnInit() {
this.dataSource.sort = this.sort;
}

Answer 1

我非常确定按 (weight * 2) 排序将得到与按 weight 排序完全相同的结果。

因此，当您在两列中显示不同的值时，只需在两种情况下按权重排序即可。