1

angular 2 ブートストラップ 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>
4

1 に答える 1

4

手動イベントでポップオーバーを開くようにする要素の値でtriggers属性を指定する必要があります。デフォルトのトリガーは に設定されています。manualpopoverclick

マークアップ

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

デモプランカー

于 2016-11-21T20:50:29.190 に答える