angular - 从另一个模块扩展 typescript 接口(interface)

Question

我正在使用 Highcharts 类型，我需要扩展它定义的几个对象/接口(interface)以添加我自己的一些属性。例如

declare namespace Chart {  
  interface ChartOptions extends Highcharts.ChartOptions {
    series: ResourceSeries[];
  }
}

图表.组件.ts

import ChartOptions = Chart.ChartOptions;
export class ChartComponent {
}

这失败了，给我“图表未定义”。同时，如果在另一个使用 ChartComponent 指令的(主)模块中使用，则导入有效。

Answer 1

导入接口(interface)、扩展它并重新导出怎么样？

// chart-options.extended.ts
import { ChartOptions as ChartOptionsBase } from 'highcharts'

interface ChartOptionsExtended extends ChartOptionsBase {
    extensionProperty: string
}

export { ChartOptionsExtended as ChartOptions }

不确定您使用的类型/类型系统，但我使用的是 Typescript 2.0 样式，它不使用“环境”类型:

npm install --save highcharts @types/highcharts