如何在打字稿界面中定义对象

【问题标题】：How to define object in type script interface如何在打字稿界面中定义对象
【发布时间】：2016-09-22 08:46:24
【问题描述】：

我对 Type Script 很陌生。我想知道是否有办法在接口“IIndex”中告诉 SystemStatus 是一个具有 Data 和 DataUrl 作为属性的对象。目前显示 SystemStatus 未定义。

interface IIndex extends ng.IScope {
    TotalRequestedJobCount: number;
    TotalScheduledJobCount: number;

    SystemStatus: {
        Data: any;
        DataUrl: string;
    }

    refreshSystemStatus: EmptyFunc;
}

【问题讨论】：

标签： typescript

【解决方案1】：

您的代码已经声明了一个IIndex 接口，该接口具有一个SystemStatus 属性，该属性具有它自己的两个属性。你可以这样使用它。

type EmptyFunc = any;

module ng {
    export interface IScope { }
}

interface IIndex extends ng.IScope{
    TotalRequestedJobCount: number;
    TotalScheduledJobCount: number;

    SystemStatus:{
        Data: any;
        DataUrl: string;
    }
    refreshSystemStatus: EmptyFunc;
}


var obj: IIndex = {
    TotalRequestedJobCount: 1,
    TotalScheduledJobCount: 2,
    refreshSystemStatus: "foo",
    SystemStatus: {
        Data: 1337,
        DataUrl: "asdf"
    } 
}

如果您在使用界面时遇到问题，则问题出在其他地方。这段代码看起来不错。

【讨论】：