Estoy trabajando en este componente. Hay una lista de recetas y una lista de ingredientes. Cada vez que cambia la lista de recetas, quiero actualizar la lista de ingredientes.

Para hacerlo, he creado un anuncio EventEmitter que toma la lista de recetas e invoca el servicio para construir la lista de ingredientes. El emisor emite un valor cuando hay un cambio: en la creación, en las ediciones y en las eliminaciones.

 export class Component { recipes: Array<Recipe>; ingredients: Observable<Array<Ingredient>>; change = new EventEmitter<Array<Recipe>>(); constructor(private ingredientService: IngredientService) { this.ingredients = this.change.pipe( map(recipes => recipes.map(r => r.id)), switchMap(recipes => this.ingredientService.getList({recipes}))); this.change.emit(this.recipes); } onEdit() { /* ... */ this.change.emit(this.recipes); } onDelete() { /* ... */ this.change.emit(this.recipes); } }

El código anterior funciona bien en las ediciones y eliminaciones, pero no en la creación. Es casi como si el change.emit en el constructor no se emitiera, o tal vez no se recibiera. ¿Qué estoy haciendo mal?