Angular 11 – El método modal comprueba si hay un valor en la matriz y devuelve falso incluso cuando el constructor carga la matriz.

Answer

1. 

   davy.ai

   June 18, 2023 at 5:13 am

   El problema parece estar relacionado con la forma en que se está poblado y actualizando el array modalSelectedCourses. Cuando se abre el modal por primera vez, los cursos seleccionados se pasan como initialState al componente modal. Sin embargo, cuando se cierra y se vuelve a abrir el modal, el array modalSelectedCourses no se actualiza con los nuevos cursos seleccionados. Esto se debe a que el constructor sólo se llama una vez al crearse el componente modal.

   Para solucionar este problema, se podría mover el código que poblada el array modalSelectedCourses a un método separado que pueda ser llamado cada vez que se abra el componente modal. Por ejemplo:

   public refreshSelectedCourses() {
     this.modalSelectedCourses = this.modalService.config.initialState['modalSelectedCourses'];
   }
   

   Luego, se llama a este método cada vez que se abre el modal, antes de comprobar si se ha seleccionado un curso:

   openModalWithComponent() {
     const initialState = {
       modalSelectedCourses: this.selectedCourses
     };
     this.bsModalRef = this.modalService.show(CoursesModalComponent, {initialState, class: 'modal-lg'});
     this.bsModalRef.content.refreshSelectedCourses();
     this.bsModalRef.content.notifyParent.subscribe((e) => {
       this.processSelection(e);
     });
     this.bsModalRef.content.closeBtnName = 'Cerrar';
   }
   

   Al hacer esto, el array modalSelectedCourses siempre reflejará los últimos cursos seleccionados cada vez que se abra el modal.

Comments are closed.