Tooltip beim Start öffnen

Question

Wie kann ich beim Öffnen des Components einen Tooltip von ngboostrap öffnen.

Ich habe versucht, die open-Methode in der ngOnInit-Funktion, aber es hat es nicht angezeigt.

habe ich versucht, die gleiche Methode in einer Schaltfläche ein klicken, die gearbeitet (bezogen auf die Probe: https://ng-bootstrap.github.io/app/components/tooltip/demos/tplwithcontext/plnkr.html)

Code:

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

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

Vorlage:

<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

Sie sollten Rufen this.tooltip.open(); innerhalb ngAfterViewInit Haken, nicht ngOnInit. Das DOM ist möglicherweise nicht in ngOnInit bereit. So ist die Lösung:

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