Me gustaría actualizar mi tabla sin actualizar mi página, pero no sé cómo hacerlo porque soy un principiante. En mi ejemplo, uso la mesa de material angular.

¿Cómo actualizo mi página cada vez que agrego un nuevo elemento?

Servicio

 public url: string = 'http://localhost:3000/tableInfos'; constructor(private http: HttpClient) { } getTableDetails(): Observable<PeriodicElement> { return this.http.get<PeriodicElement>(this.url); } create(name: PeriodicElement): Observable<any> { let newName = {name:name} return this.http.post<PeriodicElement>(this.url, newName); }

ts.archivo

 ELEMENT_DATA!: PeriodicElement[] displayedColumns: string[] = ['name']; dataSource = new MatTableDataSource<PeriodicElement>(this.ELEMENT_DATA); constructor(private tableService: TableService) {} ngOnInit(): void { this.get(); } get() { this.tableService.getTableDetails().subscribe((data:any) => { this.dataSource.data = data; }); } add(name: any) { this.tableService.create(name).subscribe((data:any) => { console.log(data); }); }

json

 { "tableInfos": [ { "id": 1, "name": "Hydrogen" }, { "id": 2, "name": "Helium" } ] }

interfaz

 export interface PeriodicElement { name: string; }