开始时打开工具提示

Question

如何在打开组件时打开ngboostrap的工具提示。

我尝试在open函数中调用ngOnInit方法，但它没有显示它。

我在按钮中尝试了相同的方法，单击一个有效的方法 （基于样本：https://ng-bootstrap.github.io/app/components/tooltip/demos/tplwithcontext/plnkr.html）

代码：

export class TooltipComponent implements OnInit {
    @ViewChild('tleft') public tooltip: NgbTooltip;

    ngOnInit() {
        this.tooltip.open();
    }
}

模板：

<p>
  <strong ngbTooltip="Tooltip on left" #tleft="ngbTooltip" triggers="manual">Tooltip is here</strong>?
</p>
<button type="button" class="btn btn-secondary" (click)="open()">
  Open
</button>

Answer 1

您应该在this.tooltip.open();挂钩内拨打ngAfterViewInit，而不是ngOnInit。在ngOnInit中，DOM可能尚未就绪。所以，解决方案是：

ngAfterViewInit() {
    this.tooltip.open();
}