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

手动隐藏ng2引导弹出

bootstrap-popover popover angular

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