如何使ajax从服务请求？

Question

Please help fix service:

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

@Injectable()
export class RecordsService {

  constructor(private http: Http){ }

  getRecords(dateBeginUnix, dateEndUnix): Object {
    console.log(dateBeginUnix, dateEndUnix);
    let result = this.http.get('http://127.0.0.1:8000/days/' + dateBeginUnix + '/' + dateEndUnix);
    console.log('result', result);
    return result;
  } 

}

component:

export class PanelComponent implements OnInit {

  constructor(private recordsService: RecordsService) { }

  private modelDateBegin: Object;  
  private modelDateEnd: Object;  
  private records: Object;  
  private data: Object;  

  displayStatistic() {
    this.recordsService
        .getRecords(this.modelDateBegin['epoc'], this.modelDateBegin['epoc'])
        .subscribe((data: Response) => this.records = data.json());
  }

}

Console display follow errormessage:

ERROR in /home/kalinin/angular2/rurun/src/app/panel/panel.component.ts (31,10): Property 'subscribe' does not exist on type 'Object'.

In component modelDateBegin['epoc'] and modelDateBegin['epoc'] contains unix datestamp.

Address:

'http://127.0.0.1:8000/days/' + dateBeginUnix + '/' + dateEndUnix

is return data in json-format.

But console display errormessage...

Answer 1

your getRecords should return a Observable not Object , only Observable can be subscribe not Object , try this

getRecords(dateBeginUnix, dateEndUnix): Observable<any>{
    console.log(dateBeginUnix, dateEndUnix);
    let result = this.http.get('http://127.0.0.1:8000/days/' + dateBeginUnix + '/' + dateEndUnix);
    console.log('result', result);
    return result;
  }