Как программно добавить загрузчик popover к элементу HTML в Angular

Question

Мое приложение: Angular5 , ng-bootstrap и bootstrap 4.0

Я пытаюсь добавить элемент popover к html непосредственно из кода, а не путем добавления директивы к элементу. Я попытался, добавив popover (), но функция не существует. Какой это правильный способ сделать это?

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

Ничего не написано, как программно добавить popover: https://ng -bootstrap.github.io / # / компоненты / поповер / примеры

Я искал ответчика в течение часа и не могу его найти. Чего мне не хватает, это может быть просто: /

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