Angular 5 {{}} 计算在 html 中

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中计算。

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