代码之家  ›  专栏  ›  技术社区  ›  jengfad

手动隐藏ng2引导弹出

  •  0
  • jengfad  · 技术社区  · 7 年前
    <template #popDefinitionsTemplate>
        <h4>{{definitions.title}}</h4>
        <i class="fa fa-times"></i>
        <hr>
        <div [innerHtml]="getDefinitionsPopoverContent()"></div>
    </template>
    <button class="btn btn-secondary btn-finish-later pull-right" 
            [popover]="popDefinitionsTemplate"
            placement="bottom">
        <i class="fa fa-info-circle"></i> 
    </button>
    

    我有这个代码在我的页面上显示弹出窗口。我想在标题旁边的“关闭”按钮上添加一个手动隐藏,如下所示:

    <i class="fa fa-times" (click)="popover.hide()"></i>
    

    https://valor-software.com/ngx-bootstrap/#/popover#popover-config

    1 回复  |  直到 7 年前
        1
  •  0
  •   Matthias Meid    7 年前

    <template #popDefinitionsTemplate>
        <h4>{{definitions.title}}</h4>
        <i class="fa fa-times" (click)="popDefinitions.hide()"></i>
        <hr>
        <div [innerHtml]="getDefinitionsPopoverContent()"></div>
    </template>
    <button #popDefinitions="bs-popover" class="btn btn-secondary btn-finish-later pull-right" 
            [popover]="popDefinitionsTemplate"
            placement="bottom">
        <i class="fa fa-info-circle"></i> 
    </button>
    

    幸好我偶然发现了这条线索: https://github.com/valor-software/ngx-bootstrap/issues/1477