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

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

1 个答案: