打开工具提示开始

Question

如何在打开compnent时从ngboostrap打开工具提示。

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

我想在一个按钮同样的方法点击的是（基于样本：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

你应该在ngAfterViewInit钩子内调用this.tooltip.open();，而不是ngOnInit。 DOM可能没有准备好在ngOnInit。所以，解决的办法是：

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