HTTP 进度事件

reportProgress选项设置为true,可以对进度事件进行跟踪。

⚠️每个进度事件都会触发更改检测。

进度事件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
longRequest() {
const request = new HttpRequest(
"POST", "/api/test-request", {},
{reportProgress: true});

this.http.request(request)
.subscribe(
event => {
if (event.type === HttpEventType.DownloadProgress) {
console.log("Download progress event", event);
}
if (event.type === HttpEventType.UploadProgress) {
console.log("Upload progress event", event);
}
if (event.type === HttpEventType.Response) {
console.log("response received...", event.body);
}
}
);
}