如何从角度4中的json获取数据

Question

大家好，请帮助我，我有 Json 字符串，这是我从 Node api 获取的。我只想要该字符串中的单个值。

我有 service.ts，我从中调用 api 并订阅我的组件文件上的数据。

Json 字符串为 [{"_id":5,"name":"ram,shyam,kamal,kishore"}]

我只想要名称值。如何做到这一点。

service.ts 代码如下

empservicecall() {
    return this.http.get("http://localhost:3000/api/Employee")

  }

component.ts 代码如下

GetEmpName(){
   this.Emp.empservicecall()
   .subscribe(
     response =>{
       this.name=response.json})

 }

它不起作用，并且此代码中的 response.json() 行也出现错误。 请帮帮我

Answer 1

您的问题的解决方案完全取决于您使用的 Angular 版本以及您使用的是Http 还是HttpClient。

如果您使用的是HttpClient，那么：

empservicecall() {
  return this.http.get("http://localhost:3000/api/Employee");
}

在你的组件中：

GetEmpName(){
  this.Emp.empservicecall()
    .subscribe(response => {
      console.log(response);
      this.name = response[0].name
    });
}

如果您使用Http（在 Angular 4.3 BTW 中引入 HttpClient 后已弃用），那么：

import 'rxjs/add/operator/map';

empservicecall() {
  return this.http.get("http://localhost:3000/api/Employee")
    .map((res: any) => res.json());
}

在你的组件中：

GetEmpName(){
  this.Emp.empservicecall()
    .subscribe(response => {
      console.log(response);
      this.name = response[0].name
    });
}