Tengo el siguiente problema, necesito obtener los cambios en vivo de un JSON para mostrar la data en HTML.
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from "rxjs/Rx";
@Component({
selector: 'app-tabla',
templateUrl: './tabla.component.html',
styleUrls: ['./tabla.component.css']
})
export class TablaComponent implements OnInit {
datosTabla: any[] = [];
url: string = 'https://sitio.com/miJSON';
constructor( private http: HttpClient ) {
http.get(this.url).subscribe( (data) => {
this.datosTabla = data.feed.entry;
console.log(data);
});
}
ngOnInit() {
}
}
Guardo los datos que necesito en el arreglo datosTabla[]
usando el subscribe
. Para poder imprimirlos en el HTML de esta manera:
<tbody>
<tr *ngFor="let dato of datosTabla">
<td>{{ dato.gsx$serie.$t }}</td>
<td>{{ dato.gsx$temporadas.$t }}</td>
</tr>
</tbody>
Pero necesito que los cambios se vean reflejados sin recargar el sitio, ya intenté utilizando el pipe async
en el ngFor
pero me genera el error:
TablaComponent.html:9 ERROR Error: InvalidPipeArgument: '' for pipe 'AsyncPipe'
¿De qué manera podría consumir y almacenar los datos para que se actualicen en el HTML de forma automática?