我如何循环遍历 angular 11 中的 http 请求的响应

贾拉克

我是 Angular 的新手,正在使用 Angular 11,并且在执行 http 请求时遇到问题。我浏览了堆栈溢出帖子的页面,但没有一个对我有用,即使有些人有类似的问题。我有一个到服务器的 http 请求以获取 json 数据,结果如下所示:

{
   "OleOleOle":3463,
   "Saitama":1,
   "SalsaMan":563,
   ...
}

我需要遍历 JSON 并将每个键值对作为对象放入数组中,键作为名称,值作为视图计数。

我一直在尝试这样做:

  getLiveStreams() {
    this.http.get<any>(this.server.url).subscribe(data => {
      console.log(data)
      data.forEach((stream: any) => console.log(stream))
    })
  }

但我收到一条错误消息:

错误类型错误:data.forEach 不是函数。

比利亚查特之声

你的回应是对象尝试使用 Object.keys(data).forEach((key: any) => console.log(key + ":" + data[key]))

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

遍历HTTP请求Angular的响应

如何从Angular中的HTTP请求返回JSON响应的特定属性?

Angular 2.0中的HTTP请求和响应

如何过滤http请求中的响应。节点

如何读取响应 HTTP 请求而收到的 angular4 中的 protobuf 对象

如何使用 angular 8 中的订阅方法等待 http 请求返回响应?

在Angular http Post请求中获得完整响应

在 Angular 中解析来自 Http 请求的 json 响应

“http://localhost:49540/api/create/ 的 HTTP 失败响应:404 未找到”Angular 11 POST 请求

如何在http get请求期间保持Angular UI响应?

无法遍历Angular 8中的POST请求JSON响应

从Angular 4中先前的HTTP响应成功(避免回调地狱)中调用HTTP请求

如何在Java中捕获HTTP请求并模拟其响应?

当Java中的请求失败时,如何获取http响应正文?

如何在Golang中从HTTP GET请求发送JSON响应?

如何在HTTP请求中获取响应头?

如何在vuejs中获取http请求响应的值

如何按照收到的顺序从多个请求中获取http响应

如何从 Angular 9 中的 GET 请求读取 JSON 对象响应?

如何响应HTTP OPTIONS请求?

如何响应http CONNECT请求?

如何获得http请求的响应

Angular HTTP请求获取响应主体

如何限制在 Angular 11 中显示的 json 响应?

HTTP POST请求失败,使用打字稿在Angular 2中以空值作为响应

Angular 5 Http api 请求在 chrome 开发工具中获得响应但不会返回

如何停止在ionic 3中缓存我的HTTP请求和响应

Ngif中的Angular HTTP请求

在事件机器中响应HTTP请求