Angular.js with Bootstrap Popover

An attempt to use Boostrap's Popover.js with Angular.js

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<script src="http://code.angularjs.org/1.0.0rc8/angular-1.0.0rc8.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<div ng-app="myApp" ng-controller="MainCtrl">
    
   <div bs-popover ng-mouseover="getRejectionStats()"
                     data-content=" {{ Data }} " data-html="true" data-placement="right"
                     class="glyphicon glyphicon-question-sign">
                       
                     </div>
</div>

JavaScript

var app = angular.module("myApp", []);

app.controller("MainCtrl", function($scope) {

$scope.getRejectionStats = function() 
{
	$scope.Data = "Hello world";
}


});