如何以编程方式将引导弹出窗口添加到 Angular 中的 html 元素

Question

我的应用：Angular5、ng-bootstrap 和 bootstrap 4.0

我正在尝试直接从代码中向 html 元素添加弹出框，而不是通过向元素添加指令。我尝试通过添加 popover() 但函数不存在。这样做的正确方法是什么？

eventRender(model: any, $el) {
    $el.popover({
        title: 'Title',
        content: 'content',
        trigger: 'hover',
        placement: 'top',
        container: 'body'
    });
}

没有写如何以编程方式添加弹出框： https://ng-bootstrap.github.io/#/components/popover/examples

我正在搜索 anwser 一个小时，但我找不到它。我错过了什么，这应该很简单：/

Answer 1

你需要像这样做一些不同的事情。

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

@Component({   selector: 'ngbd-popover-config',   
templateUrl: './popover-config.html',   
providers: [NgbPopoverConfig] // add NgbPopoverConfig to the component providers }) 

export class NgbdPopoverConfig {   
constructor(config: NgbPopoverConfig) {
    // customize default values of popovers used by this component tree
    config.placement = 'right';
    config.triggers = 'hover';   
} }