如何使用打字稿創建命名對象？

Question

使用打字稿為我的angular2服務獲取一些接口設置。 遇到配置問題。

我希望能夠訪問像myItem['chickens']並獲取以下對象：

{
  name:"chicken",
  price:1000,
  names:["Harry", "Barry", "Larry"]
}

如何以正確的方式編寫接口，以便如前所述將數據取回？

export interface StoreItem {
      itemName:{
        itemName: string;
        price: number;
        nameList: Array<string>;
      }
    }

Answer 1

您的StoreItem具有字符串鍵和鍵入的值，因此您可以執行以下操作：

interface StoreItem {
  [key: string]: {
    itemName: string;
    price: number;
    nameList: Array<string>;  // or string[]
  }
}

這將很高興地允許例如：

let myItem: StoreItem = {
  chickens: {
    name: 'chicken',
    price: 1000,
    names: ['Harry', 'Barry', 'Larry']
  }
};

您可以將內部項目以myItem['chickens']或myItem.chickens 。