Class: FyzTooltip
@flyze/lib-core-angular 1.0.0-alpha.34· latestDefined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:27
Shows a tooltip on hover.
Sugar over FyzTooltipService: the service owns the overlay and does the work, this only turns inputs into options. Reach for the service directly when the anchor is your own host element, which a directive cannot be applied to from inside your own template.
Implements
Section titled “Implements”OnChangesOnDestroy
Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”new FyzTooltip(
el,tooltipService):FyzTooltip
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:64
Parameters
Section titled “Parameters”ElementRef<HTMLElement>
tooltipService
Section titled “tooltipService”Returns
Section titled “Returns”FyzTooltip
Properties
Section titled “Properties”disabled
Section titled “disabled”disabled:
boolean=false
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:52
Suppresses the tooltip without removing the directive. Setting it while a tooltip is open closes that one too.
hideDelay
Section titled “hideDelay”hideDelay:
number=0
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:45
Milliseconds the tooltip stays up after the pointer leaves the host. Lets a pointer that slips off an edge and comes straight back keep the tooltip it already had, instead of restarting the whole show cycle.
showDelay
Section titled “showDelay”showDelay:
number=0
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:37
Milliseconds the pointer has to rest on the host before the tooltip shows. Keeps a pointer that is only passing through from flashing a tooltip on everything it crosses.
tooltipClass
Section titled “tooltipClass”tooltipClass:
string|string[] =[]
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:30
tooltipText
Section titled “tooltipText”tooltipText:
string
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:29
Methods
Section titled “Methods”hide()
Section titled “hide()”hide():
void
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:120
Hide the tooltip now, honouring fyzTooltipHideDelay.
Returns
Section titled “Returns”void
ngOnChanges()
Section titled “ngOnChanges()”ngOnChanges():
void
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:75
A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”OnChanges.ngOnChanges
ngOnDestroy()
Section titled “ngOnDestroy()”ngOnDestroy():
void
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:101
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.
Returns
Section titled “Returns”void
Implementation of
Section titled “Implementation of”OnDestroy.ngOnDestroy
show()
Section titled “show()”show():
void
Defined in: projects/lib-core-angular/src/lib/directives/fyz-tooltip/fyz-tooltip.directive.ts:112
Show the tooltip now, without waiting for a hover. Paired with exportAs: 'fyzTooltip' this is a
third way in, for a template that wants to open a tooltip from an event of its own and does not
want to inject the service.
Returns
Section titled “Returns”void