带有嵌套数组的 Angular 接口

Question

我是 Angular 的新手，我来自 java，所以我习惯于将类设置为我的数据的数据结构。经过一些研究，我知道我应该使用接口，但是我在弄清楚如何使用嵌套数组设置接口时遇到了问题。每个数组只是用于创建表的字段/标题对。该对象将是它们的数组。但是我有两个表，它们将有一个两行标题，我正在尝试弄清楚如何构建界面。

interface TableHeaderDetails {
    field: string;
    header: string;
    date?: <what goes here>;
}

forecastCol: TableHeaderDetails[];

this.forecastCol = [
    { field: 'cumulativeExpected', header: 'Cumulative Expected ' },
    { field: 'cumulativeReceived', header: 'Cumulative Received' },
    { date : [
        { field: 'forecastYearMonth', header: 'Year - Month' },
            { details: [
                { field: 'expected', header: 'Expected' },
                { field: 'received', header: 'Received' }
            ]}
    ]}
];

Answer 1

您可以使用 json2ts 帮助站点将您的 JSON 对象转换为如下所示的接口，

declare module namespace {

    export interface Detail {
        field: string;
        header: string;
    }

    export interface Date {
        field: string;
        header: string;
        details: Detail[];
    }

    export interface RootObject {
        field: string;
        header: string;
        date: Date[];
    }

}