下面是一个使用Angular和TypeScript计算不同时间相加以获取总共花费时间的示例代码：

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

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

      时间1：
      
      

      时间2：
      
      

      总共花费时间：
      {{ totalTime }}
    
  `,
})
export class TimeCalculationComponent {
  time1: number = 0;
  time2: number = 0;
  totalTime: number = 0;

  calculateTotalTime() {
    this.totalTime = this.time1 + this.time2;
  }
}

在这个示例中，我们创建了一个名为TimeCalculationComponent的Angular组件。它包含两个输入框用于输入不同的时间值，并显示总共花费时间。

time1和time2是组件的属性，分别用于保存输入框中的值。totalTime属性用于保存总共花费的时间。

calculateTotalTime方法用于计算总共花费的时间。它将time1和time2的值相加，并将结果赋给totalTime。

我们在模板中使用双向绑定来更新输入框中的值，并在输入框值发生改变时调用calculateTotalTime方法。

通过使用这个组件，你可以输入不同的时间值，然后它们将被相加以获取总共花费的时间，并显示在页面上。