title: (ngx-bootstrap) Close a modal that has been created with a component programmatically
body: <p>I have an Angular 5 application using ngx-bootstrap.
  I create two modals using the <a href="https://valor-software.com/ngx-bootstrap/#/modals#service-component" rel="nofollow noreferrer">Modal Component</a>. I need to close the first modal after some time and then open the second modal.</p>
  
  <p>I tried both of these before opening the second modal but...</p>
  
  <ul>
  <li>...when I use <code>this.modalService.hide(0)</code> in the component I show the modals in, nothing happens</li>
  <li>...when I use <code>this.modalService.hide(1)</code> in the component I show the modals in, the second modal opens and closes right after</li>
  </ul>
  
  <p>Also <code>this.modalReference.hide()</code> didn't do it.</p>
  
  <p>Any suggestions highly appreciated!</p>