Всплывающее окно Angular.js и Bootstrap

У меня есть одностраничное приложение с angular.js. Остальные части работают, но я не смог запустить ролловер. Это мой контроллер. Я собираюсь использовать на этом контроллере.

    angular.module('foodDeliveryApp')
       .controller('RestaurantListController', restaurantListController);

    function restaurantListController($scope,$sce, DataService, $rootScope, $location, $timeout) {

    $scope.htmlPopover = $sce.trustAsHtml('<b style="color: red">hover on me as well</b>');

    $scope.hovered = function(hovering){
        $timeout(function() {
            console.log('update with timeout fired');
            if(hovering.objHovered==true){
                hovering.popoverOpened2=true;
            }
        }, 500);
    }
  }

Вышеупомянутая часть представляет собой всплывающую функцию. Есть много функций для другого функционала, но это не важно.

    <span ng-init="popoverOpened1=false" ng-mouseover="popoverOpened1=true" ng-mouseleave="popoverOpened1=false">
            <button class="btn btn-default" uib-popover-html="htmlPopover"
                    popover-trigger="none" popover-placement="bottom-left" popover-is-open="popoverOpened1" >
               <span>hover me</span>
            </button>
   </span>

Это часть HTML в HTML, которая управляется одним и тем же контроллером. Кто-нибудь знает, как я могу показать всплывающее окно без jquery?