使用Angular的HttpClient模块可以通过http get请求来获取JSON值,并且可以使用RxJS的interval操作符来实现间隔获取。
首先,确保已经导入了HttpClient模块和RxJS的interval操作符:
import { HttpClient } from '@angular/common/http';
import { interval } from 'rxjs';
然后,在组件的构造函数中注入HttpClient:
constructor(private http: HttpClient) { }
接下来,在组件中定义一个方法来获取JSON值,并且使用interval操作符来定时调用这个方法:
getData() {
interval(5000).subscribe(() => {
this.http.get('your-api-url').subscribe((response) => {
console.log(response);
// 处理获取到的JSON值
});
});
}
在上面的代码中,interval(5000)表示每隔5秒执行一次获取数据的操作。this.http.get('your-api-url')用于发送http get请求,并且在subscribe方法中处理返回的JSON值。
最后,可以在组件的ngOnInit方法中调用getData方法来启动定时获取数据的操作:
ngOnInit() {
this.getData();
}
这样,组件就会在初始化时开始每隔5秒获取一次JSON值。