打開工具提示開始

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(); 
}