jqwidgets-framework/demos/Angular/src/tooltip/popover/app.component.ts

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import { Component, ViewChild, ViewEncapsulation } from '@angular/core';

import { jqxTooltipComponent } from 'jqwidgets-ng/jqxtooltip';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styles: [`
        jqxTooltip div {
            height: 162px;
        }
    `],
    encapsulation: ViewEncapsulation.None
})

export class AppComponent {
    @ViewChild('filmPicture1', { static: false }) myTooltip: jqxTooltipComponent;

    toggle: boolean = false;

    click(): void {
        if (this.toggle == false) {
            this.myTooltip.open();
            this.toggle = true;
        } else {
            this.myTooltip.close();
            this.toggle = false;
        }
    };
}