title: Passing data from the child modal to the parent
body: <p>
  When I created a SeleccionServicioComponentMD modal window (child), I used this way:<a href="https://valor-software.com/ngx-bootstrap/#/modals#service-component" rel="nofollow noreferrer">https://valor-software.com/ngx-bootstrap/#/modals#service-component</a></p>
  
  <p>Inside the  child there is button. When it is clicked:<br>
  1) the parent should close this child.<br>
  2) the parent should display another modal.  </p>
  
  <p>My attempt: The child (modal) emits an event to its parent but:<br>
  3) the parent didn't include an <code>&lt;app-seleccion-servicio-component&gt;</code> tag inside its HTML because its child was dynamically created. So, where does the parent listen for this emitted event from its children?</p>
  
  
  
  <p>
  The expected result is:<br>
  4) click on the button inside the child component.<br>
  5) the parent closes this child (modal window).<br>
  6) the parent shows another modal window.  </p>
  
  <p>
  7) I am stuck on this point. I don't know how to do so that the parent listens the event emitted by its parent with no <code>&lt;app-seleccion-servicio-component&gt;</code> tag.</p>