Tengo un servicio que me trae la siguiente información:
[{"id_device_pk":231,"device_name":"smart1","humidity":81,"temperature":28,"light":18,"date":"2019-07-14","time":"22:58:42"}]
En services/device.service.ts
estoy consumiendo el servicio de está manera:
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs';
import * as ROUTE from '@services/route.ts';
@Injectable()
export class DeviceService {
constructor(private _http: HttpClient) {
}
public getDevice(): Observable<any> {
return this._http.get(ROUTE.BASE_API + ROUTE.DEVICE);
}
}
En el componente device.component.ts
estoy llamando al servicio de la siguiente forma:
public getDevice(): void {
this._deviceService.getDevice().subscribe(
result => {
this.devices = result;
},
error => {
console.log(<any>error);
},
)
}
Necesito que cada vez que el servicio genere nueva información (aproximadamente los valores cambian cada 30 seg), se visualicen los cambios de forma automática en el Front.
He intentado realizando está función de JavaScript pero no es compatible:
setTimeout('getDevice()',10000);