如何将新的 属性 添加到现有界面，然后在 Typescript 中导出新界面？

Question

如何创建和导出新界面 - UIInterface：（想将 SummaryInterface 与其他几个新属性结合起来）

示例：

import { SummaryInterface } from 'x-api'; // summaryInterface has 20+ properties defined and is auto-generated from script

我的尝试

export interface UIInterface {
    SummaryInterface &
     { displayStatus: string;
       flag: boolean }; 
}

Answer 1

像这样扩展另一个接口：

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}

Answer 2

您可以尝试以下代码：

通过扩展父级 class 属性

说明：基本上，您在下面的代码中同时具有父接口和子接口的属性。

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}