Angular UI Bootstrap Popover: trigger manually

Question

I would like to use the Angular UI Bootstrap Popover.

The documentation states, that the trigger can be either mouseenter, click or focus. In my situation I would like to show the popover on a input-field if a back end calculation fails. How can I trigger the popover to show in code?

possible duplicate of Good way to dynamically open / close a popover (or tooltip) using angular, based on expression? — Petr Peller
– Petr Peller, Commented Jul 12, 2015 at 21:05
This was already asked many times on SO. Today I just published a directive that allows the manual control of popovers: stackoverflow.com/a/31372487/190438 — Petr Peller
– Petr Peller, Commented Jul 12, 2015 at 21:06

Mavlarn · Accepted Answer · 2015-03-26 08:18:55Z

1

You can trigger the click event (or other based on your config) with $("#btn-id").click()

answered Mar 26, 2015 at 8:18

Mavlarn

3,8812 gold badges41 silver badges58 bronze badges

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

4 Comments

gsalisi Over a year ago

^ Except please don't use jquery $.

Mavlarn Over a year ago

You can also trigger with angular way: angular.element('#btn-id').trigger('click');

dhrm Over a year ago

It this really the best solution? Using this approach, the uses will dismiss the popover, when clicking the input field again, right?

Mavlarn Over a year ago

The popup will be triggered with click event, so I think this is the most easy way.For ui-bootstrap, the popup div is generated when you click(or hover) the directive, so you can not control the popup div with something like ng-show.

Collectives™ on Stack Overflow

Angular UI Bootstrap Popover: trigger manually

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related