javascript - 如何从 javascript 触发工具提示？

Question

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

问题是我不知道“bs-tooltip”是什么。它是由 ngx-bootstrap 创建的元素的 id 吗？如果是这样我怎样才能从javascript获取这个元素？

Ngx-bootstrap Tooltip

<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

尝试使用 viewChild 访问组件类中的 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>