Angular-UI (bootstrap) popover not working?

Question

So I'm working on getting a popover to show up on a button using Angular-UI. I tested out tooltips first and they're working perfectly...but when I use popovers it's not working at all.

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

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

What I'm confused about is that if the tooltip directive is working, why isn't the popover? Am I missing something from my controller?

Here's my controller even though I don't think it will be of much help:

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

}
]);

Hope I can get this solved. Thanks in advance.

Answer 1

Check 2 things:

The first is to make sure the ui.bootstrap dependency is injected

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

The second is to make sure you have all the bootstrap stylesheets added as bootstrap ui uses these

Hope this helps.