要使用PHP API自动刷新数据库中的数据,可以按照以下步骤操作:
下面是一个基本的示例代码:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class DataService {
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('http://example.com/api/data');
}
}
import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-data',
template: `
- {{ item.name }}
`,
providers: [DataService]
})
export class DataComponent implements OnInit {
data: any[];
constructor(private dataService: DataService) { }
ngOnInit() {
this.getData();
setInterval(() => {
this.getData();
}, 5000); // 5秒刷新一次
}
getData() {
this.dataService.getData()
.subscribe(data => {
this.data = data;
});
}
}
请注意,上述示例代码中的URL和数据格式是示例,需要根据实际情况进行修改。此外,还需要在Angular项目中引入HttpClientModule,并在模块中进行配置。
这样,当组件初始化时,会调用getData函数获取数据,并使用定时器每隔5秒刷新一次数据。