Popover / всплывающая подсказка UI Bootstrap угловой 6 при условии

Question

Я должен открыть поповер при некоторых условиях. Как я могу это сделать?

  <div class="btn btn-outline-secondary" *ngFor="let category of categories"
  [ngbPopover]="tipContent"
  popoverClass="change-category-info"
  placement="bottom"
  tooltipClass="change-category-tooltip">{{category}}</div>

В этой реализации поповер открыт всегда после нажатия. Я хотел бы открыть этот поповер при условии, например, если this.isChanged = true

Answer 1

Вы можете полностью вручную управлять поповером, используя triggers="manual" вход.

<button ... triggers="manual" #p="ngbPopover" (click)="isChanged && p.open()">
  Popover on right
</button>

Пример Stackblitz

Пример с ngFor

Смотри также:

• https://ng -bootstrap.github.io / # / компоненты / поповер / примеры # триггеры