如何将http模块从angular 4改成angular 7?

我是按照angular 4的教程来做的,但我需要把它修改成angular 7。但我需要修改它到angular 7。但是下面的代码段在Http模块和Observable上出现了错误。

这是user.service.ts文件

import { Injectable } from '@angular/core';
import{Http, Response, Headers, RequestOptions} from '@angular/http';
import{Observable}   from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';
import{User}  from '../user';


@Injectable()
export class UserService {
  private baseUrl:string='http://localhost:8080/api';
  private headers = new Headers({'Content-Type':'application/json'});
  private options = new RequestOptions({headers:this.headers});
  private user = new User();
  constructor(private _http:Http) { }

  getUsers(){

    return this._http.get(this.baseUrl+'/users',this.options).map((response:Response)=>response.json())
      .catch(this.errorHandler);
  }
  getUser(id:Number){

    return this._http.get(this.baseUrl+'/user/'+id,this.options).map((response:Response)=>response.json())
      .catch(this.errorHandler);
  }
  deleteUser(id:Number){

    return this._http.delete(this.baseUrl+'/user/'+id,this.options).map((response:Response)=>response.json())
      .catch(this.errorHandler);
  }


  createUser(user:User){

    return this._http.post(this.baseUrl+'/user',JSON.stringify(user),  this.options).map((response:Response)=>response.json())
      .catch(this.errorHandler);
  }

   updateUser(user:User){

    return this._http.put(this.baseUrl+'/user',JSON.stringify(user),  this.options).map((response:Response)=>response.json())
      .catch(this.errorHandler);
  }

  errorHandler(error:Response){

     return Observable.throw(error||"SERVER ERROR");
  }

   setter(user:User){
     this.user=user;
   }

  getter(){
    return this.user;
  }
}

为了在angular 7上运行这个,应该改变什么?上面的代码段是Angular 4的。希望能得到答案

解决方案:

根据我的经验,Maven是使用最广泛的。实际上,我刚刚结合Maven完成了一个大型Spring项目。

我在一家拥有10万多员工的公司工作,唯一提供的支持就是Maven(企业级)。这是传闻,没错,但我可以说,我的大学优先考虑了Maven,我过去和现在的同事都使用了Maven。

然而,这并不是说Gradle或Ant不是可靠的选择。有很多文章详细介绍了两者的区别。请看 https:/www.baeldung.comant-maven-gradle

给TA打赏
共{{data.count}}人
人已打赏
未分类

用pytest编写实例方法单元测试的正确方法。

2022-9-9 0:44:38

未分类

强制JQuery $(document).ready等待承诺解析。

2022-9-9 0:44:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索