我想在点击信息按钮时显示信息提示。把鼠标移到按钮上时，信息提示也会出现。我希望只有在点击信息按钮时才显示，而不是在鼠标悬停时显示。

另外，当我点击位于 ng-template 内的信息框中的关闭按钮时，信息提示应该关闭，但关闭事件不起作用。

我的代码不起作用，我该如何修改代码才能实现预期的效果？

我正在使用ngx-bootstrap: 18.1.3

解决方案

1. 要实现点击/手动显示，请禁用触发条件 triggers=""

<button
  class="sr-info-icon-set sr-info-control"
  style="margin: auto;"
  [tooltip]="staticHtmlTooltip"
  container="body"
  placement="auto"
  (click)="toggleTooltip()"
  triggers=""
>
  Info
</button>

1. 默认情况下，提示框的点击事件被禁用，需要启用指针事件以使其可点击：

.tooltip-content {
  text-align: left;
  color: whitesmoke;
  padding: 15px;
  width: 150px;
  height: 150px;
  pointer-events: auto;
}

演示