ng2-bootstrap从组件打开弹出窗口？

Question

我正在看ng2-bootstrap库中的bs-popover： http://valor-software.com/ngx-bootstrap/#/popover。但是我没有看到任何关于如何从组件代码中打开/关闭popover的例子。有没有人做过这个？这是我目前的视图模板：

<template #tipTemplate> 
    <div class="row pop-container" style="position: relative; overflow: hidden;"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <button (click)="pop.hide()" class="btn btn-sm btn-danger pull-right"> 
        <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;Close 
       </button> 
      </div> 
      <div class="row"> 
       <div class="col-sm-12"> 
        <line-chart></line-chart> 
       </div> 
      </div> 
     </div> 
    </div> 
</template> 

<div class="row"> 
    <div class="col-sm-1 col-sm-offset-1"> 
     <button type="button" class="btn btn-xs btn-primary" (click)="pop.show()" container="body"> 
      <i class="fa fa-line-chart" aria-hidden="true"></i> 
     </button> 
    </div> 
    <div class="col-sm-10"> 
     <span [popover]="tipTemplate" 
       #pop="bs-popover" 
       popoverTitle="Labs" 
       placement="bottom" 
       triggers="" 
       class="lab-title"> 
      Troponin 
     </span> 
    </div> 
</div> 

而且它的正常工作，但不是我的按钮的单击事件的直接打开酥料饼的，我想在我的组件，然后做了几件事情和一个调用的函数他们是开放的popover。这个库可以这样吗？

Answer 1

您需要添加这个您component.ts

import { Component, OnInit, ViewChild } from '@angular/core'; 

组件内内，

@ViewChild('childModal') public childModal: ModalDirective; 

，然后，当你想打开的模态

this.childModal.show();