將angularJS服務重寫爲angular2

我正在研究這個項目，我需要將angular1的服務重寫爲angular2。將angularJS服務重寫爲angular2

for ex。

pm.service.js（angularJS）

angular.module('projects').factory('ProjectsService', ['$resource', function ($resource) { 
    var data = $resource('/pm/projects/:id/:action', {id: '@id', action: '@action'}, { 
     getAllProjects: {method: 'GET', isArray: true, interceptor: {response: function (response) { 
        return response.data; 
       }}}, 
     getProjectById: {method: 'GET', params: {id: '@id'}, isArray: true, interceptor: {response: function (response) { 
        return response.data; 
       }}}, 
     saveProject: {method: 'POST', interceptor: {response: function (response) { 
        return response.data; 
       }}}, 
     updateProject: {method: 'PUT', interceptor: {response: function (response) { 
        return response; 
       }}}, 
     deleteProject: {method: 'DELETE', interceptor: {response: function (response) { 
        return response; 
       }}}, 
     exportProject: {method: 'POST', params: {id: '@id', action:'@action'} , interceptor: {response: function (response) { 
        return response.data; 
       }}} 
    }); 
    return data; 
}]);

我寫的等值angular2像這樣：

pm.service.ts（angular2）

import { Injectable } from 'angular2/core'; 
import { Http, Response } from 'angular2/http'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 
import {Observable} from 'rxjs/Observable'; 

@Injectable() 
export class ProjectsService { 
    constructor(private http: Http) { }  
    getAllProjects(baseUrl:string) { 
     return this.http.get(baseUrl+'/pm/projects/') 
         .map((res: Response) => res.json()).catch(this.handleError); 
    } 

    getProjectById(id:string,baseUrl:string){ 
     return this.http.get(baseUrl+'/pm/projects/'+id) 
         .map((res: Response) => res.json()).catch(this.handleError); 
    } 

    handleError(error: any) { 
     console.error(error); 
     return Observable.throw(error.json().error || 'Server error'); 
    } 
}

但我不能弄清楚如何使用http2providers在angular2即PUT，DELETE和POST請求，即我不dont知道如何在angular2中編寫剩餘的函數來執行所需的操作。

我嘗試了多個博客，但找不到解決方案。

我只想知道如何在angular2中編寫等效服務。

來源

2016-05-05 Bhushan Gadekar

除了get方法（您在代碼中使用的）之外，Angular2 http客戶端還公開了post，put和delete方法。您需要使用這些方法來實現其他操作。

我希望它能幫助

的更多詳情根據註釋

這是代碼片段顯示浩使用HTTP PUT。

let myUrl = this._environment.baseRestServicesUrl + serviceIdentifier; 
    let options = this.getOpionsForPost(); 
    let jsonString = JSON.stringify(inProduct); 
    return this._http.post(myUrl, jsonString, options) 
        .catch(this.handleError);

和

private handleError (error: Response) { 
    return Observable.throw(JSON.stringify(error)); 
} 

private getOpionsForPost() { 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    return new RequestOptions({headers: headers}); 
}

來源

2016-05-05 04:39:04 Picci

@i已經使用FET，發佈，刪除，但認沽我也需要通過object.but其不接受對象作爲參數如。 'updateWorkspace（workspace_id：string，workspace：Object，baseUrl：string）{ return this.http.put（baseUrl +'/ pm/workspaces /'+ workspace_id，workspace） .map（（res：Response）=> res。。JSON（））趕上（this.handleError）; }' –

答案中增加了一些更多詳細信息 – Picci

import {Headers, Http, Response} from 'angular2/http'; 


    public Foo(params: Object, data: string) { 
    let url: string = 'String Url path' 

    // Eg for post 
    return this.http.post(url, data, {headers: this.jsonHeaders}).map((res: Response) => res.json()); 

    // Eg for delete 
    return this.http.delete(url, {headers: this.jsonHeaders}); 
    }

來源

2016-05-05 05:42:07 mayur

將angularJS服務重寫爲angular2

回答

相關問題