Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip does not show on condition case

See original GitHub issue

I am using the latest Angular5 version and and latest ng-bootstrap version. I am trying to show tooltip conditionally

<input type="text" id="name" class="form-control" [ngbTooltip]="tipContent" placement="bottom" name="name" formControlName="name">
<ng-template *ngIf="true === true" #tipContent>Hello</ng-template>

But this does not show up. Seems to have some issue.

Issue Analytics

State:
Created 6 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

2reactions

bastienmouliacommented, Jan 6, 2018

@xyrintech If you want to use tooltips for form validation, you can already use .{valid|invalid}-tooltip, so you don’t need ng-bootstrap. It’s not well documented actually but it will be with the stable version of Bootstrap 4: https://github.com/twbs/bootstrap/pull/25143.

Minimal plnkr: http://plnkr.co/edit/6DUKnswtOiJVQRV2hotn?p=preview

0reactions

pkozlowski-opensourcecommented, Jun 22, 2018

After pondering this a bit more I think that solution proposed in https://github.com/ng-bootstrap/ng-bootstrap/issues/2033#issuecomment-353569393 is the most flexible one. Doing a dedicated control on ng-bootstrap side would not bring lots value but would limit flexibility.

Closing for now - what is requested here can be very easily achieved in the user land.

Top Results From Across the Web

Display tool tip on condition - javascript - Stack Overflow

Change the tooltip text when a condition is true, at first displaying default tooltip text but once the changeToolTip function condition is true ......

How to avoid tooltip to display when title is null or empty?

I want to show tooltip in all gridcells in grid. But some cells I do not want to show tooltip so the TD...

Conditional Viz in Tooltip | Tableau Software - Knowledge Base

Issue. Cannot display a conditional viz in tooltip when hovering over different dimension members. Environment. Tableau Desktop. Resolution.

Tooltips for Gantt Elements - DHTMLX Documentation

In the condition, you check the task type. If you don't return anything or return a falsy value, the tooltip is not displayed....

Understanding SC 1.4.13:Content on Hover or Focus (Level AA)

Two methods may be used to satisfy this condition and prevent such ... Figure 1 A tooltip is displayed below a LVTF button...