这里是有可能为你工作,如果你使用的是4.3角和更高,并且希望使用新的HttpClient和HttpHeaders。
这里是不与基本授权的呼叫的服务:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
const url = `https://sampleapi.com`;
@Injectable()
export class BasicService {
private _headers = new HttpHeaders().set('Content-Type', 'application/json');
constructor(private httpClient: HttpClient) { }
getWithBasicAuth(): Observable<any> {
const headers = this._headers.append('Authorization', 'Basic QjNYRnZ6S1Jk');
return this.httpClient.get<any>(url, { headers : headers });
}
}
下面是将消耗上面的服务的组件。
import { Component, OnInit } from '@angular/core';
import { BasicService } from '../services/basic.service';
@Component({
selector: 'app-basic',
templateUrl: './basic.component.html',
styleUrls: ['./basic.component.css']
})
export class BasicComponent implements OnInit {
dataFormService: any;
constructor(private basicService: BasicService) { }
ngOnInit() {
this.basicService.getWithBasicAuth().subscribe(data => this.dataFormService = data);
}
}
您可能希望从any
改变从服务的返回类型更合适一些。
如果你爱上了这个框架是这样,你为什么不以涵盖HTTP相关的问题一个基本的教程? (有很多) –
或者也许只是谷歌周围:https://angular.io/guide/http(角度http请求的第一个结果) –