如何将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上上传了代码，有人可以检查错误在哪里吗？ 不幸的是，我没有管理：（

github link

解决方法

解决方案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>

,

我现在将键值添加为对象的“数组”按钮。 我仍然没有得到数据

link for image