NG2-bootstap - Modell - Offen von der Komponente

Question

Ich mag würde den Dialog von der Komponente öffnen:

<!-- Large modal --> 
<button class="btn btn-primary" (click)="lgModal.show()">Large modal</button> 

<div bsModal #lgModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" (click)="lgModal.hide()" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     <h4 class="modal-title">Large modal</h4> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
    </div> 
    </div> 
</div> 

Die lgModal.show(), die bsModel ist öffnet den Dialog, wie ich den Dialog öffnen von der Komponente:

import {Component} from '@angular/core'; 
import {CORE_DIRECTIVES} from '@angular/common'; 

// todo: change to ng2-bootstrap 
import {MODAL_DIRECTVES, BS_VIEW_PROVIDERS} from '../../../ng2-bootstrap'; 
// webpack html imports 
let template = require('./modal-demo.html'); 

@Component({ 
    selector: 'modal-demo', 
    directives: [MODAL_DIRECTVES, CORE_DIRECTIVES], 
    viewProviders:[BS_VIEW_PROVIDERS], 
    template: template 
}) 
export class ModalDemoComponent { 

} 

Kann ich nicht etwas wie lgModal.show() von der Komponente tun?

Vielen Dank im Voraus

Answer 1

dies in der Klasse Umsetzung der Komponente hinzufügen:

@ViewChild('lgModal') bgModel;

Dann können Sie es in der Klasse mit this.bgModel verweisen.

Viel Glück