Angular Bootstrap: How to show a popover based on a child elements' trigger?

Question

I'd like to show some help text using a popover for the entire group of fields, not for each individual input.

In the fiddle, I'm simply using a mouseenter trigger to show how it should look like, but what I really want is to trigger it on focus for any input, but have the popover be positioned based on the parent element.

In non-angular land, I'd trigger a custom event (say groupenter) when any one of the fields is in focus, and have the popover listen to that event. I'd also debounce the corresponding groupleave event so the popover won't flicker as I tab around the inputs.

What's an angular-y way to accomplish that here?

(I think this patch helps, but it just got committed days ago)

thatmarvin · Accepted Answer · 2013-05-01 21:54:35Z

0

Got it working!

I had to fork tooltip.js to add 'groupenter': 'groupleave' to triggerMap since there's no public api to add to the map.

answered May 1, 2013 at 21:54

thatmarvin

2,8904 gold badges24 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ProLoser Over a year ago

I realize you already answered this but I think the more angular-esque way might be to use $scope models. If you can watch a variable to see if it becomes truthy or falsey, you can then have ng-focus="show=true" ng-blur="show=false" or something.

Collectives™ on Stack Overflow

Angular Bootstrap: How to show a popover based on a child elements' trigger?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related