Angular ng bootstrap popover不会关闭,而是会稍微重新定位

Angular ng bootstrap popover不会关闭,而是会稍微重新定位,angular,ng-bootstrap,angular-template,Angular,Ng Bootstrap,Angular Template,我使用的是angular 2引导4模块 我想显示一个带有“是”和“否”按钮的popover元素来删除某些内容 当我单击“否”按钮时,弹出框应关闭 这并没有发生,而是popover稍微重新定位,好像它将被重新初始化 我不知道发生了什么事 有人能帮忙吗 <button[ngbPopover]="popContent" popoverTitle="You really wanna delete this item?">Delete</button> <template

我使用的是angular 2引导4模块

我想显示一个带有“是”和“否”按钮的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>
删除
对
不

您必须在
popover
元素上使用
手动
值指定
触发器
属性,该属性将使popover在手动事件时打开。默认情况下,触发器设置为
单击

标记

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

删去
对
不

您必须在
popover
元素上指定
触发器
属性和
手动
值,这将使popover在手动事件时打开。默认情况下,触发器设置为
单击

标记

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

删去
对
不

我这样做了,触发器=“手动”和(单击)=“p.切换()”#p=“ngbPopover”[ngbPopover]=“popContent”现在,删除按钮切换,但“否”按钮不会关闭popover!虽然本地参考似乎是正确的。单击“否”按钮时,控制台中没有错误。这是一个糟糕的API。。。是否根本不可能从模板标记中关闭popover?我在这里找不到任何这样的用例:请尝试
p.close
。我昨天做的工作不起作用!我不做p.close()。p、 如果close是一个函数,那么close就没有意义。似乎我无法从该模板#popContent中引用popover实例。我试过(单击)=“p.close()”和(单击)=“popContent.close()”这两种方法都不起作用。我现在得到了错误:异常:self.parent.\u TemplateRef\u 56\u 4.close不是一个函数,所以您明天返回并告诉我您发现了什么?然后好好睡一觉;-)我这样做触发了“手动”和(单击)=“p.切换()”#p=“ngbPopover”[ngbPopover]=“popContent”现在删除按钮切换,但否按钮不会关闭popover!虽然本地参考似乎是正确的。单击“否”按钮时,控制台中没有错误。这是一个糟糕的API。。。是否根本不可能从模板标记中关闭popover?我在这里找不到任何这样的用例:请尝试
p.close
。我昨天做的工作不起作用!我不做p.close()。p、 如果close是一个函数,那么close就没有意义。似乎我无法从该模板#popContent中引用popover实例。我试过(单击)=“p.close()”和(单击)=“popContent.close()”这两种方法都不起作用。我现在得到了错误:异常:self.parent.\u TemplateRef\u 56\u 4.close不是一个函数,所以您明天返回并告诉我您发现了什么?然后好好睡一觉;-)