angular interface的子类扩展计算属性

在 TypeScript 中，接口（interface）可以用来定义一个对象的结构，但它不能包含实现细节。因此，接口本身不能包含计算属性（即 getter 方法）。

但是，您可以在类（class）中使用接口来指定类的结构，包括计算属性。这样，当您创建该类的实例时，这些计算属性就会作为实例的方法存在。

下面是一个示例代码片段，展示了如何在类中使用接口来扩展计算属性：

// 定义一个具有计算属性的接口
interface Person {
  firstName: string;
  lastName: string;
  fullName: string; // 计算属性
}

// 实现 Person 接口的类
class Employee implements Person {
  constructor(public firstName: string, public lastName: string) {}

  // 实现计算属性
  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

// 创建 Employee 类的实例
const employee = new Employee('John', 'Doe');

console.log(employee.fullName); // 输出 'John Doe'

在这个示例中，我们定义了一个名为 Person 的接口，其中包含了两个属性：firstName 和 lastName，以及一个计算属性 fullName。然后，我们创建了一个名为 Employee 的类，它实现了 Person 接口，并提供了 fullName 计算属性的实现。最后，我们创建了一个 Employee 类的实例，并通过 fullName 计算属性访问其值。

请注意，虽然接口不能直接包含计算属性，但您可以通过在类中实现接口来间接地包含计算属性。这使得计算属性成为类结构的一部分，并且可以在实例上直接调用。