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

Question

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

英雄界面：

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

控制台日志：

this.hero

始终为空（未定义）。如何解决这个问题 附言。我是 Angular 和 typescript 的新手。

Answer 1

看起来返回类型是一个数组。因此，您可能需要访问第一个元素（或类似元素）。

this.hero = fetchedHero[0];

Answer 2

API 返回一个列表，而 ANGULAR/.ts 需要一个对象。因此，映射没有成功。将 GET HTTP REQUEST 的返回值从 LIST 更改为一个对象后，映射开始工作！