在Angular中，如果三个字段的总和计算不起作用，可能是由于以下原因：

1. 数据绑定错误：确保字段正确地绑定到模板中的相应输入框或其他元素。例如，使用双向数据绑定 [(ngModel)] 或属性绑定 [value]。

2. 数据类型错误：确保字段的数据类型与预期的数据类型一致。如果字段是字符串类型，那么计算总和时需要将其转换为数字类型。可以使用 JavaScript 的 Number() 函数或使用一元加号 (+) 来实现转换。

3. 计算总和的方法错误：确保计算总和的方法正确地获取三个字段的值，并将它们相加。可以使用 Angular 的事件绑定 (ngSubmit、(click) 等) 或自定义方法来触发计算总和的逻辑。

以下是一个简单的示例代码，演示了如何在Angular中计算三个字段的总和：

在组件的 HTML 模板中：

计算总和
总和：{{ sum }}

在组件的 TypeScript 代码中：

export class YourComponent {
  field1: number;
  field2: number;
  field3: number;
  sum: number;

  calculateSum() {
    this.sum = this.field1 + this.field2 + this.field3;
  }
}

通过点击按钮，将会触发 calculateSum() 方法，计算三个字段的总和，并将结果显示在页面上。

确保在你的应用中正确地使用这些方法和代码，以解决三个字段总和计算不起作用的问题。