How can I use popover via javascript in angularjs module with ui.bootstrap?
I am looking a solution like $modal service.
Thanks for your help.
5
-
Documentation: angular-ui.github.io/bootstrap/#/popoverAlessandro Pezzato– Alessandro Pezzato2014-01-22 10:40:39 +00:00Commented Jan 22, 2014 at 10:40
-
Alessandro, please could you specify ? I expected a service look-like $popover... but I didn't find it. Re-edit: more information on: github.com/angular-ui/bootstrap/issues/590user3223056– user32230562014-01-22 12:51:50 +00:00Commented Jan 22, 2014 at 12:51
-
Sorry, but I don't understand how you want to use popover like a service. $modal service is a shortcut to open a modal (only one instance in your app). Popover let you specify a popover as many elements as you want.Alessandro Pezzato– Alessandro Pezzato2014-01-22 14:23:03 +00:00Commented Jan 22, 2014 at 14:23
-
Do you want to trigger the popover without click/mouseenter?Alessandro Pezzato– Alessandro Pezzato2014-01-22 14:26:26 +00:00Commented Jan 22, 2014 at 14:26
-
I would like $watch the mouseenter event on a picture. When this event is fired, I would like to do some code like this: $popover({options}). With options could be some thing like this: {content: pictureTag, html:true }user3223056– user32230562014-01-22 15:11:04 +00:00Commented Jan 22, 2014 at 15:11
Add a comment
|
1 Answer
AngularJS is a declarative framework. It's a bad style to use imperative behavior like calling a function when a event happen.
You can get what you want with a new directive, for your special case "image that popover a text when mouseenter". Refer to this Create Hoverable popover using angular-ui-bootstrap
answered Jan 22, 2014 at 17:28
1 Comment
user3223056
Dear Alessandro, thks so much for your helping. In fact at this time, ui.bootstrap doesn't implement the popover service as angular-strap did it. I suppose that the AngularUI team should implement it asap according this issue: github.com/angular-ui/bootstrap/issues/590. Your solution is around angular-strap & I wanted before use a solution with ui.bootstrap.