要计算Angular中输入字段的总和，可以使用ngModel指令来绑定输入字段的值，并使用*ngFor指令来循环遍历输入字段列表。

首先，在组件中定义一个输入字段的列表，并为每个输入字段指定一个初始值：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    

      
      
      
      
    
    
Total: {{ calculateTotal() }}
  `,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  inputFields = [0, 0, 0, 0];

  calculateTotal() {
    return this.inputFields.reduce((a, b) => a + b, 0);
  }
}

然后，在模板中使用*ngFor指令来循环遍历输入字段列表，并使用ngModel指令来绑定每个输入字段的值：

  

Total: {{ calculateTotal() }}

最后，在calculateTotal方法中使用reduce方法来计算输入字段的总和。reduce方法将数组中的每个元素相加，并将初始值设置为0。

这样，每当输入字段的值发生变化时，总和将自动更新。