瑞克和莫蒂 API (Angular)

Question

我正在尝试迭代这个 url 给我的一些对象：(https://rickandmortyapi.com/api/character) in a gallery of cards using *ngFor1

这是我找到的呈现通话的唯一方式，向下滚动后它会更改通话的 url2

问题是我不想刷新但我想连接结果。我已经尝试过将 var“dataCharacter”转换为数组，然后将“res”推送到数组中，但是接口的类型和类给我带来了一些问题。

服务模块3 interface4 class5

有人可以帮我创建正确的类和界面吗？我是第一次研究这个，我不知道如何继续。谢谢。

Answer 1

您的角色 class 应重命名为 CharacterResponse

CharacterResults class 应该只称为 Character

CharacterResponse {
   info: ...
   results: Array<Character>;
}

你的组件class然后会累积字符

个字符：数组=[];

subscribe((response: CharacterResult) => this.characters.push(...response.result));

模板当然绑定到字符数组

Rick and Morty API (Angular)