html中的Angular 5 {{}}计算

Question

我正在尝试为我的数据表添加利润,这将是收入减去成本.

现在我的代码在html上看起来像这样.

<ng-container matColumnDef="margin">
      <mat-header-cell *matHeaderCellDef mat-sort-header>Margin</mat-header-cell>
      <mat-cell *matCellDef="let project">{{project.revenue - project.cost}}</mat-cell>
</ng-container>

该应用程序显示正确的数字,但我无法按升序或降序对列进行排序.我猜是因为我在HTML中计算它.我该如何解决这个问题？

Answer 1

你可以在你的计算中计算出来controller.

您使用的方法不是推荐的方法,因为上述计算将在每次更改检测时发生.但是这个值可能只会改变一次或特定的动作.因此在控制器中处理此问题将避免这种情况并提高性能