代码之家 › 专栏 › 技术社区 › Mateusz Byczkowski

角度4:将http转换为httpclient,config

angular-httpclient rest angular

Mateusz Byczkowski · 技术社区 · 7 年前

我有以下角度4的代码:

constructor(private baseUrl: string, private http: Http) {}

get(url: string, config?: RequestOptionsArgs): Promise<any> {
    return this.http.get(this.prependBaseUrl(url), config)
        .toPromise();
}

我想把它重写成httpclient而不是http,所以我修改了http注入构造函数的类型,但是我不知道(也找不到)该怎么办 config?: RequestOptionsArgs 是的。

谢谢你的帮助

1 回复 | 直到 7 年前

Akj 7 年前

尝试基本方法:

进口 HttpClientModule 并将其添加到app.module.ts中 imports[]

import { HttpClientModule } from '@angular/common/http';

@NgModule({
  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
  ],
  declarations: [
    AppComponent,
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

应用服务.ts

进口 HttpClient 组件内

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

@Injectable()
export class AppService{
  constructor(private http: HttpClient) { }
getData(): Observable<any>{

    return this.httpClient.get('request_url',RequestOptionsArgs)
    }
}

app.component.ts版本:

import {AppService} from './app.service.ts';

constructor(private appservice: AppService){
  this.appservice.getData().subscribe(response => {
  console.log(response)
})

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前