Angular.js和Bootstrap popover

Question

我有一个带有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的情况下显示一个popover？