Clever Geek Handbook

Angular-UI (bootstrap) popover not working?

So, I am working on getting the popover to be displayed on the button using Angular-UI. I tested the tooltips first and they work great ... but when I use popovers it doesn't work at all.

My controller is empty, just has $ scope. Here's my code for the button (taken directly from the demo on their site):

<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-default">Bottom</button>

What confuses me is that if the prompt directive works, why isn't it a popover? Am I missing something from my controller?

Here's my controller, although I don't think it will be very helpful:

angular.module('module').controller('MyController', ['$scope',
function($scope) {

}
]);

Hope I can solve this problem. Thanks in advance.

+3


source to share


1 answer


Check 2 things:

First, make sure the ui.bootstrap dependency is nested

angular.module('myModule', ['ui.bootstrap']);


Second, make sure you have all your boot stylesheets added as bootstrap ui that use these

Hope it helps.

+2


source






More articles:


All Articles