show() method not working (PRO version)

[mmgarciaprofile]

I want to define a custom html template like this one

<button (click)="open()">open</button>
<tooltip #myTooltip="tooltip">
          <div class="tooltip-content">A popover is a light roll made from an egg batter similar to that of Yorkshire pudding, typically baked in muffin tins or dedicated popover pans.</div>
          <div class="tooltip-actions">
              <button (click)="close()">Got it</button>
          </div>
      </tooltip>

@ViewChild('myTooltip', { static: false }) myTooltip;

       open() {
		this.myTooltip.show();
	}
	close() {
		this.myTooltip.close();
	}

close method is working as expected. I also checked open method but it doesn't exist.

Any help would be appreciated.

[drozhzhin-n-e]

@mmgarciaprofile Hey. I will fix this in the next library update. Now try this:

<button [tooltipTriggerFor]="myTooltip" trigger="click">open</button>

[JochenDB]

@drozhzhin-n-e Any way to work around this without trigger? I want to show the tooltip on page load. What code needs to be changed to fix this?

[drozhzhin-n-e]

@JochenDB You mean the Pro version?

[JochenDB]

@drozhzhin-n-e yes indeed, Pro version