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

手动隐藏ng2引导弹出

bootstrap-popover popover angular

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 年前

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

推荐文章

Flavio Spugna · Ionic v2-如何禁用弹出动画

7 年前

jengfad · 手动隐藏ng2引导弹出

7 年前

Trombone0904 · 更改弹出窗口高度并取消隐藏新区域

7 年前

Sayantan Dey · 在popover数据内容内调用angular js的自定义指令

7 年前

Noah Harasz · 从内部可重用视图显示popover视图?

7 年前

SamuelTJackson Clare Chu · iphone ios上swift 3中的Popover

8 年前

Andrea Santana · 如何删除“left”值引导弹出窗口

9 年前

Barry McDaid1982 · 为平板电脑使用弹出窗口

9 年前

Niaz Ahsan · 如何在引导程序3弹出窗口中使用“show”和“placement”以及其他属性?

10 年前

Elementary · 在引导弹出窗口中使用Angular

10 年前