Question

我无法覆盖角度打字稿中的引导弹出窗口。而且我不想在HTML中包含data-toggle =“ popover”。

<tr (mouseOver)="mouseOverMethod()" />

如果我将鼠标悬停在表格中的行上，则应该显示弹出窗口。

注意：我已经在项目中包含了引导程序弹出窗口。

Answer 1

我已经用这种方法覆盖了弹出窗口。

mouseOverMethod(){
    $('.popover').css('height', '400px');
    $('.popover.left .arrow ').css('margin-top', '160px');
    $('.popover').css('margin-top', '-174px');
    $('.popover').css('background-image', 'none');
    $('.popover').css('border', 'solid 1px');
    $('.popover').css('border-color', 'black');
     //row id hover function
     $('#tr_' + rowId).popover({
            content: function () {
                var message = contentMsg;
                return message;
            },
            html: true,
            placement: "left",
            trigger: "hover"
        });

}

我已经将HTML设置为true，因此可以将contentMsg添加为

<p>Angular</p>

显示我的自定义html消息。

覆盖Angular 7中的bootstrap popover

1 个答案: