在Angular 7中,您可以使用HttpClient模块来发送GET请求并附加REST API的基本URL到应用程序URL上。以下是一个代码示例:
首先,确保您已经导入了HttpClient模块和RxJS的Observable模块。您可以在app.module.ts文件中进行导入:
import { HttpClientModule } from '@angular/common/http';
import { Observable } from 'rxjs';
@NgModule({
declarations: [
// ...
],
imports: [
// ...
HttpClientModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
然后,在您的组件文件中,您可以使用HttpClient来发送GET请求并附加REST API的基本URL到应用程序URL上:
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
data: any;
constructor(private http: HttpClient) { }
ngOnInit() {
// REST API的基本URL
const baseUrl = 'https://api.example.com/';
// 应用程序URL
const appUrl = 'example/';
// 发送GET请求并附加URL
this.http.get(baseUrl + appUrl).subscribe((response) => {
this.data = response;
});
}
}
在上面的示例中,我们首先导入了HttpClient模块,并在构造函数中注入了HttpClient。然后,在ngOnInit方法中,我们定义了REST API的基本URL和应用程序URL。最后,我们使用HttpClient的get方法发送GET请求,并在订阅响应时将数据赋值给组件的data属性。
请注意,HttpClient的get方法返回一个Observable对象,我们可以通过订阅来获取响应。