yo tengo una noticias donde muestro un titulo y una descripcion. pasa que esta la toma de la db y la muestra. cuando borro o agrego un contenido me toca cambiar de ruta para poder apreciar el cambio de si agregue o modifique noticia desde la db directamente. Alguna idea de como actualizar visualemente tambien ?
Servicio
export class NoticiasService {
constructor(private http:HttpClient) {}
headers: HttpHeaders = new HttpHeaders({
"Content-Type": "application/json"
});
mostrarnoticias() {
const url_api = "http://localhost/apixeoms/mostrarnoticias.php";
return this.http.get(url_api);
}
}
Componente TS
export class NoticiasComponent implements OnInit {
noticia=null;
constructor(private http:NoticiasService) { }
ngOnInit() {
this.obtenernoticias()
}
obtenernoticias() {
this.http.mostrarnoticias().subscribe(
data => this.noticia=data
);
}
}
Componente Html
<div class="container" style="background:blue;" *ngFor="let noticia of noticia">
<div class="row">
<div class="col-md-12" >
<p style="text-align:center;">{{noticia.titulo}}</p>
<p>{{noticia.contenido}}</p>
</div>
</div>
</div>
Aqui lo hice con la ayuda que me brindaste en angular 7
import { Component, OnInit } from '@angular/core';
import {NoticiasService} from '../service/noticias.service';
import { Observable } from "rxjs/internal/Observable";
import { interval } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import {map} from 'rxjs/operators';
@Component({
selector: 'app-noticias',
templateUrl: './noticias.component.html',
styleUrls: ['./noticias.component.css']
})
export class NoticiasComponent implements OnInit {
noticias$: Observable<any>;
constructor(private http: NoticiasService) { }
ngOnInit() {
this.noticias$ = interval(1000).pipe(
switchMap(() => this.http.mostrarnoticias()))
}
}
me podrias mas o menos explicar que funcion hace el pipe y el switchMap ?