Question

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

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

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
    });
}

如何从Angular 4中的json中获取数据

1 个答案: