Angular-使用自定义方法显示GraphQL或任何json数据

Question

具有这样的服务器GraphQL响应：

Order {
  price: Float
  tax: Float
}

我想让Angular显示/使用两个值以及第三个值priceWithTax。 通常，我会在这样的对象上设置吸气剂：

priceWithTax() {
  return this.price + this.tax;
}

关于Angular和JSON数据（或者可能是GraphQL）的最佳做法是显示一些基于json的“计算”数据。

很明显，有几种方法可以做到：
1.计算服务器上的priceWithTax（但是，每当需要再次使用任何新属性时，都需要更改服务器）
2.您可以使用已定义的getter或方法（无需更改服务器，但引入新的逻辑和许多类定义）将其转换为自定义对象中的任何json数据。 3.使用Angular Pipes-但是，您需要的每个此类属性都将变为新的Pipe（可用于少数属性，但您会失去intellisense的“ item。??”，不能在组件逻辑中使用pipe等）

那么处理此类数据的最佳方法应该是什么？我几次使用方法（2），但需要维护，逻辑等。