ngbPopover не закроется и откроется при загрузке

Question

Я хочу показать поповер после загрузки страницы или без нажатия кнопки и никогда не закроется Я использую ngbPopover в Angular.

<button placement="left" (click)="openQuestionnaire()" [ngbPopover]="popContent" >0/4</button>

используя ссылку здесь: https://ng -bootstrap.github.io / # / components / popover / examples

Answer 1

Вы должны добавить это свойство к своей кнопке:

[autoClose]="false"

Тогда ваша кнопка будет выглядеть так:

<button placement="left" 
        (click)="openQuestionnaire()" 
        [ngbPopover]="popContent" 
        [autoClose]="false" >0/4</button>

---

По ссылке, которую вы поделились, я нашел это:

<button type="button" class="btn btn-outline-secondary mr-2" 
        ngbPopover="What a great tip!" 
        [autoClose]="false" 
        triggers="manual" 
        #p="ngbPopover" 
        (click)="p.open()" 
         popoverTitle="Pop title">
             Click me to open a popover
</button>

Согласно вашему комментарию, вы можете активировать его, когда ваш компонент отображается на странице:

<button placement="left" 
        #pop="ngbPopover"
        (click)="openQuestionnaire()" 
        [ngbPopover]="popContent" 
        [autoClose]="false" >0/4</button>

в вашем классе компонентов:

ngOnInit(){
    if(!pop.isOpen()){
        pop.open();
    }
}