ng-bootstrap popover не закрывается, а слегка переписывается

Question

Я использую угловой модуль 2 bootstrap 4.

Я хочу показать элемент popover с кнопкой «Да» и «Нет», чтобы удалить что-либо.

Когда я нажимаю кнопку «Нет», popover должен закрываться.

Это не происходит вместо этого поповер переставляет slighty как если он будет повторно инициализирован ...

Я понятия не имею, Что происходит.

Любой может помочь?

<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 элемент, который сделает поповер, чтобы открыть на ручное событие. По умолчанию триггер установлен на click.

Markup

<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