javascript - 如何从 Angular 中的 api 响应获取数据

标签 javascript arrays angular

我使用的是 Angular 4,我调用了一个返回对象数组的 api。

然后我尝试通过引用 res.name 来获取特定数据,但由于某种原因我未定义,所以我尝试了 res[0]nameres[ 'name'] 只返回名字,但我想要数组中的所有名称。

这是我的数组:

[{"name":"joey","surname":"jackson","email":"joey@gmail.com","phone":"0815342119"}, 
{"name":"Tim","surname":"Muller","email":"tim@gmail.com","phone":""}, 
{"name":"Kim","surname":"Van Dam","email":"kim@gmail.com","phone":""},
{"name":"Lyn","surname":"Davids","email":"lyn@gmail.com","phone":""}]

最佳答案

尝试使用 forEach 迭代数组的所有元素:

let res = [
{"name":"joey","surname":"jackson","email":"joey@gmail.com","phone":"0815342119"},{"name":"Tim","surname":"Muller","email":"tim@gmail.com","phone":""},{"name":"Kim","surname":"Van Dam","email":"kim@gmail.com","phone":""},{"name":"Lyn","surname":"Davids","email":"lyn@gmail.com","phone":"08343435"}
];

res.forEach( (el) => {
  console.log(el.name);
})

关于javascript - 如何从 Angular 中的 api 响应获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53613682/

相关文章:

javascript - 滚动 iframe 到没有 id 字段的 anchor

javascript - 在年月变化时在打开状态下显示 Bootstrap 下拉

java - JTabbedPane 给出空指针异常

javascript - 不重定向到未授权页面 - Angular 2

angular - 如何在 Angular2 中处理多个查询参数

angular - 将 Angular 表单提交到 Go API 不断发布 Nil

javascript - 如何将 div 缩放为响应式图像

javascript - 如何用jquery点击DOM中的东西?

javascript - 如何将数字添加到数组名称中

无法在 C 中制作自定义数组大小表?