在Angular 6中,可以使用RxJS进行HTTP请求的顺序。下面是一个使用RxJS进行HTTP请求的示例代码:
rxjs
和@angular/common/http
模块:npm install rxjs
npm install @angular/common@latest
HttpClient
和Observable
:import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
HttpClient
:constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('https://api.example.com/data');
}
getData().subscribe(data => {
console.log(data);
}, error => {
console.error(error);
});
完整示例代码如下:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
template: ``,
})
export class AppComponent {
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('https://api.example.com/data');
}
getData().subscribe(data => {
console.log(data);
}, error => {
console.error(error);
});
}
这样,当点击按钮时,将发送HTTP请求并将返回的数据打印到控制台中。
上一篇:Angular 6中使用jQuery插件打开的模态框只有在点击两次后才会关闭。
下一篇:Angular 6中使用Typescript创建的new Date对象是以UTC时间创建的,但是我需要使用本地时区。