如何解决如何将RestApi对象数据转换为Array?
如何将这些数据从PokeApi转换为Array?我无法在Angular的html中调用它,因为无法将其分配给Array。因为返回的是Object ..
getPokemonDetail(index) {
return this.http.get(`${this.baseURL}/pokemon/${index}`).pipe(
map((poke) => {
let sprites = Object.keys(poke['sprites']);
poke['images'] = sprites
.map((spriteKey) => poke['sprites'][spriteKey])
.filter((img) => img);
return poke;
})
);
}
我在github上上传了代码,有人可以检查错误在哪里吗? 不幸的是,我没有管理:(
解决方法
解决方案1
自Angular 6起,现在有一个键值管道运算符。只需执行以下操作即可在html中工作
*ngFor="for item in objectList | keyvalue"
解决方案2
要将对象转换为数组,只需将该对象放入[]即可。假设您的对象位于图片变量中,则
Let imageArray = [this.image]
更新api调用函数,并在subsvribe内部将此响应转换为数组对象
getPokemonDetail(index) { return this.http.get(`${this.baseURL}/pokemon/${index}`) }
,
谢谢 我都尝试了两个,但错误消失了,但我无法获取数据
getPokemonDetail(index) {
return this.http.get(`${this.baseURL}/pokemon/${index}`).pipe(
map((poke) => {
let sprites = Object.keys(poke['sprites']);
poke['images'] = sprites
.map((spriteKey) => poke['sprites'][spriteKey])
.filter((img) => img);
return [poke];
})
);
}
以html
<div class="titleC" *ngFor="let name of details.name | keyvalue">
<h1>{{ name | uppercase }}</h1>
</div>
,
我现在将键值添加为对象的“数组”按钮。 我仍然没有得到数据