如何将获取的 JSON 映射到 Typescript 中的现有对象

Question

我在将 JSON 从 API 映射到现有对象时遇到问题。打字稿代码：

英雄界面：

export interface Hero {
   id: number;
   name: string;
}

控制台日志：

this.hero 始终为空（未定义）。如何解决这个问题。 PS。我是 Angular 和 typescript 的新手，所以请多关照 :)

Answer 1

看起来return类型是一个数组。所以您可能需要访问第一个元素（或类似元素）。

this.hero = fetchedHero[0];

Answer 2

API 是 returning 一个 LIST 而 ANGULAR/.ts 期待一个对象。因此，映射没有成功。将 GET HTTP REQUEST 的 return 值从 LIST 更改为一个对象后，映射开始工作了！

How to map fetched JSON to the existing object in Typescript