Nodejs api从angular2服务调用

时间:2017-03-31 14:53:15

标签: node.js angular

我有节点api,使用此api将数据返回给浏览器:

app.get('/api/patients',function(req,res){
    Patient.getPatients(function(err,patients){
        if(err){
            throw err;
        }
        console.log(patients.length);
        res.json(patients);

    });
});

我试图从服务类调用这个api。

import { Injectable } from '@angular/core';
import { Patient } from '../patient.interface';



@Injectable()
export class PatientDataService {

    patients : Patient[] =[];


    constructor() { }



    getAllPatients(): Patient[]
    {
          // What to do here ??
    }

}

如何将数据从节点api返回到服务?

2 个答案:

答案 0 :(得分:2)

使用此

@Injectable()
export class PatientDataService {

    patients : Patient[] =[];


    constructor(private http:Http) { }


        getAllPatients()
         {
          return this.http.get('base_url/api/people').map((res)=>res.json());

        }

}

并在您的组件中注入此服务并调用

this.patientService.getAllPatients().subscribe((data)=>{
   //data is your patient list
})

答案 1 :(得分:2)

您可以先将Angular2 Http库导入您的服务:

import { Http } from '@angular/http';

我还导入rx / js以使用Observables和映射。

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';

然后,您可以将库注入您的服务:

constructor(private _http: Http) { }

对你的node.js服务器进行http调用,如下所示:

getAllPatients(): Patient[]
{
      // What to do here ??
      return this._http.get('/api/patients')
           .map(this.extractData)
           .catch(this.handleError);
}

有关更多信息,文档和说明,请阅读Angular 2 Http Docs