手动隐藏ng2-bootstrap pop-over

Question

<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

Answer 1

现在有效：

<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

手动隐藏ng2-bootstrap pop-over

Manually hide ng2-bootstrap pop-over

angular

popover

bootstrap-popover