Saltar al contenido

cómo pasar datos a Angular ng-bootstrap modal para enlazar

Entiende el código de forma correcta antes de usarlo a tu proyecto si ttienes algo que aportar puedes dejarlo en los comentarios.

Solución:

Parece que no estás usando la API correctamente. El complemento espera que los parámetros se pasen como @Input(). Algo como esto funcionaría:

const modalRef = this.modalService.open(NgbdModalContent);
modalRef.componentInstance.name = 'World';

¡Asegúrese de agregar un @Input para su modelo en el componente ModalContent!

Consulte el documento para obtener más información: https://ng-bootstrap.github.io/#/components/modal/examples

En Angular 8 utilizando ng-bootstrap Modal para pasar datos del componente principal al modal

Enlace fuente

ingrese la descripción de la imagen aquí

openModal() 
const modalRef = this.modalService.open(MyBootstrapModalComponent,
  
    scrollable: true,
    windowClass: 'myCustomModalClass',
    // keyboard: false,
    // backdrop: 'static'
  );

let data = 
  prop1: 'Some Data',
  prop2: 'From Parent Component',
  prop3: 'This Can be anything'


modalRef.componentInstance.fromParent = data;
modalRef.result.then((result) => 
  console.log(result);
, (reason) => 
);

Recuerda algo, que tienes la capacidad de glosar tu experiencia si diste con el resultado.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *