如何从 javascript 触发工具提示？

Question

我正在尝试从 javascript 触发 ngx-bootstrap 工具提示。下面的代码工作没有任何问题。现在我想从 javascript 端手动调用 show() 函数。

问题是我不知道 "bs-tooltip" 是什么。它是由 ngx-bootstrap 创建的元素的 id。如果是这样，我如何从 javascript?

中获取此元素

<p>
  <span tooltip="Hello there! I was triggered manually"
        triggers="" #customTooltip="bs-tooltip">
  This text has attached tooltip
  </span>
</p>

<button type="button" class="btn btn-success" (click)="customTooltip.show()">
  Show
</button>
<button type="button" class="btn btn-warning" (click)="customTooltip.hide()">
  Hide
</button>
<button type="button" class="btn btn-info" (click)="customTooltip.toggle()">
  Toggle
</button>

编辑：

document.getElementById("bs-tooltip")  //returns null

Answer 1

尝试使用 [=f11=] 访问组件 class 中的 customTooltip:

import { ViewChild } from '@angular/core';

export class YourComponent {
    @ViewChild('customTooltip') tooltip: ElementRef;
    onClick() {
        this.tooltip.show();
    }
}

<span #customTooltip="bs-tooltip" tooltip="Hello there! I was triggered manually" triggers="" > This text has attached tooltip</span>

如何从 javascript 触发工具提示？

How to trigger tooltip from javascript?

javascript

ngx-bootstrap

angular