1. 在ng-bootstrap中的popover中使用autoClose属性，将默认的自动关闭模式设置为outside

Click me


  

    
Title
    
Content goes here
    Change autoClose
  

2. 在popover中添加一个按钮，并添加一个点击事件onButtonClick()，该事件将通过ngbPopover指令调用

import { Component } from '@angular/core';
import { NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-popover-demo',
  templateUrl: './popover-demo.component.html',
  providers: [NgbPopoverConfig], // add NgbPopoverConfig to the component providers
})
export class PopoverDemoComponent {
  constructor(config: NgbPopoverConfig) {
    // customize default values of popovers used by this component tree
    config.placement = 'right';
    config.triggers = 'hover';
  }

  onButtonClick() {
    // change autoClose to 'inside' when button inside popover is clicked
    const popover = document.querySelector('.popover') as HTMLElement;
    popover.setAttribute('ngbPopoverAutoClose', 'inside');
  }
}