文章/答案/技术大牛

发布

社区首页 >问答首页 >如何构造此Firebase响应JSON的类型记录接口？

问如何构造此Firebase响应JSON的类型记录接口？
EN

Stack Overflow用户

提问于 2016-03-19 02:40:06

回答 1查看 640关注 0票数 1

我让这个JSON响应从Firebase返回

{ "-KD8Evk7TULU6t6zxMHl": { "createdAt": 1458296568840, "isActive": true, "title": "...add a title", "updatedAt": 1458296568840 } }

问题的第1部分:我应该如何为上面的JSON构建类型记录接口？例如，像下面这样？

export interface Hero {
  [id: string]: {
    createdAt: number;
    isActive: boolean;
    title: string;
    updatedAt: number;
  }
}

问题的第2部分:如何使用推荐的类型记录接口结构获得英雄的标题或id？例如，我想显示英雄id和英雄标题。

<html>
  ...omitted code for simplicity. I want to display hero id and title below.
  <h1> {{ hero.id }} </h1>
  <h1> {{ hero.title }} </h1>
</html>

javascript

json

typescript

firebase

angular

回答 1

Stack Overflow用户

发布于 2016-03-19 08:33:20

第1部分

您可以使用这种方法，也可以构建一个具有另一个属性"keyId“的类，该属性将存储从firebase响应对象("-KD8Evk7TULU6t6zxMHl")接收的ID。在构造函数中，您应该用接收到的id填充keyId支柱。但是，它稍微复杂一些，需要为每个json行创建一个新类。

第2部分

如果坚持使用选项1，则必须使用" object“类从对象中读取-->英雄[Object.keys(英雄)].title或只使用Object.keys(英雄)(如果需要id )。这有点烦人，但我看不出另一种方式，除非像我前面提到的那样，将接口更改为带有构造函数的类，您可以使用类似于herohero.keyId.title或hero.keyId的id ;)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36097208

复制

相似问题

问如何构造此Firebase响应JSON的类型记录接口？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何构造此Firebase响应JSON的类型记录接口？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何构造此Firebase响应JSON的类型记录接口？
EN