2016-11-07 81 views
0

以下Angular2 JobService實現返回錯誤:這個角度2服務實現有什麼問題?

job.service.ts:26 An error occurred Response {_body: Object, status: 404, ok: false, statusText: "Not Found", headers: Headers…}

在服務中定義的變量jobsUrl返回JSON結果直接通過瀏覽器地址欄提交時間的工作結果。任何想法可能是什麼問題?

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

import 'rxjs/add/operator/toPromise'; 

import { JobsResult } from './jobs-result'; 

@Injectable() 
export class JobService { 

    private headers = new Headers({'Content-Type': 'application/json'}); 
    private jobsUrl = 'http://service.dice.com/api/rest/jobsearch/v1/simple.json?text=javascript'; 
    //private jobsUrl = 'app/jobs'; // URL to web api 

    constructor(private http: Http) { } 

    getJobs(): Promise<JobsResult>{ 
    return this.http.get(this.jobsUrl) 
       .toPromise() 
       .then(response => response.json().data as JobsResult) 
       .catch(this.handleError);  
    } 

    private handleError(error: any): Promise<any> { 
    console.error('getJobs() not working'); 
    console.error('An error occurred', error); // for demo purposes only 
    return Promise.reject(error.message || error); 
    } 
} 
+0

你可以給你的問題的實際演示地方,比如HTTPS的:// plnkr .co /? – Majid

+0

什麼標題是角發送?我注意到你實際上並沒有在你的請求中設置標題。 – Brad

回答

1

數據是不確定的,反應沒有數據作爲關鍵

.then(response => response.json() as JobsResult) 

代替

.then(response => response.json().data as JobsResult)