Question

我正在使用angular 2 bootstrap 4模块。

我想显示一个带有yes和no按钮的popover元素来删除某些内容。

当我点击否按钮时，弹出窗口应该关闭。

这不会发生，而是popover重新定位，就好像它会被重新初始化一样......

我不知道发生了什么事。

任何人都可以提供帮助吗？

<button[ngbPopover]="popContent" popoverTitle="You really wanna delete this item?">Delete</button>

<template #popContent>
    <div class="btn-group">
        <button (click)="delete(s.id)">Yes</button>
        <button (click)="popContent.close()">No</button>
    </div>
</template>

Answer 1

您必须在triggers元素上指定带有manual值的popover属性，这将使popover在手动事件中打开。默认情况下，触发器设置为click。

<强>标记

<button [ngbPopover]="popContent" 
  triggers="manual" 
  #p="ngbPopover"
  (click)="p.toggle()"
  popoverTitle="You really wanna delete item?">
     Delete
</button>

<template #popContent>
    <div class="btn-group">
        <button (click)="delete(s.id)">Yes</button>
        <button (click)="p.close()">No</button>
    </div>
</template>

Demo Plunkr

ng-bootstrap popover不关闭，而是稍微重新定位

1 个答案: