Estoy tratando de hacer lo siguiente:
Tengo una página principal "películas", en la que tengo un botón "agregar películas". que al hacer clic abriría una página emergente.
Agregaré la nueva película y haré clic en Guardar en la página emergente. Se agregará a la base de datos como se esperaba.
Sin embargo, después de agregar la nueva película, la ventana emergente se cerrará y el control llegará a la página principal y debería mostrar el nombre de la película recién agregada allí, lo que no sucede.
La página principal mostrará el nombre de la película recién agregada si actualizo la página. Quiero que la página principal muestre la película recién agregada cuando se cierre la ventana emergente.
Supongo que está utilizando MatDialogModule . En ese caso, puede analizar el resultado del componente principal en los diálogos afterClosed() y agregar la nueva película a la lista.
Vea este ejemplo aquí: https://material.angular.io/components/dialog/examples#dialog-overview
O:
class ParentComponent { constructor(public dialog: MatDialog) {} addMovie(){ const dialogRef = this.dialog.open() dialogRef.afterClosed().subscribe(newMovie => <add new movie to list of movies>) } } class MovieDialog { constructor(public dialogRef: MatDialogRef<DialogOverviewExampleDialog>) submitMovie() { this.dialogRef.close(newMovie) } } Entonces, en ParentComponent escuchamos afterClosed() que obtendrá la nueva película cuando MovieDialog this.dialogRef.close(newMovie) cierra el diálogo y emite la nueva película.