如何以编程方式将引导popover添加到Angular中的html元素

我的应用程序：Angular5、ng bootstrap和bootstrap 4.0

我试图直接从代码中向html元素添加popover，而不是向元素添加指令。我尝试添加popover，但函数不存在。做这件事的正确方法是什么

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

没有关于如何以编程方式添加popover的书面说明：

---

我已经找了一个小时了，找不到它。我遗漏了什么，这应该是直截了当的：/

你需要像这样做一点不同

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';   
} }

---

谢谢，现在如何向元素添加popover？就像在五月的例子中一样？ngOnInit{$'Your_element'.popover{placement:'bottom'，toggle:'popover'，title:'title which Your needed'html:true，content:this.name}；}}这肯定会奏效。在组件之前声明var$。我尝试过这个。但它不起作用。您的代码是否用于全局popover配置？我导入了jQuery，但它说$..popover不是一个函数。为什么要动态地将popover添加到元素中。您可以在html中添加popover，并更改其配置，或者在需要时以编程方式打开或关闭。如果我使用jquery在html中添加popover，它将不起作用。我想在这个例子中这样做：