ng-bootstrap 弹出窗口不会关闭，而是稍微重新定位

Question

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

我想显示一个带有是和否按钮的弹出框元素来删除某些内容。

当我单击“否”按钮时，弹出窗口应该会关闭。

这并没有发生，而是弹出窗口稍微重新定位，就好像它会被重新初始化一样...

我不知道发生了什么。

有人可以帮忙吗？

<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

您必须在 popover 元素上指定具有 manual 值的 triggers 属性，这将使弹出窗口在手动事件时打开。默认触发器设置为 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 弹出窗口不会关闭，而是稍微重新定位

ng-bootstrap popover does not close instead it repositions slightly

angular-template

ng-bootstrap

angular