Angular js : tableau ne s'affiche pas

Bonjour,
je suis entrain de réaliser une application jee en utilisant angular js.
je veux afficher un tableau mais le contenue du tableau ne s'affiche pas.

voici le résultat obtenue :
---------------------------------------

REF DES PRiX
{{p.ref}} {{p.des}} {{p.prix}}

voici mon code javascript
---------------------------------------

var app=angular.module('MyCat',[]);
app.controller('CatController',function($scope,$http){
 $scope.produits=[];
 $http.get("/all") 
 .success(function(data){
  $scope.produits=data;
 })();
});

voici le code html :
---------------------------------------

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>

<link href="Boostrap/css/bootstrap.min.css" rel="stylesheet">
<link href="Boostrap/css/style.css" rel="stylesheet">

</head>
<body ng-app="MyCat" ng-controller="CatController" >

 <table>
  <thead>
   <tr>
    <th>REF</th>
    <th>DES</th>
    <th>PRiX</th>
   </tr>
  </thead>
  <tbody>
   <tr ng-repeat="p in produits ">
    <TD>{{p.ref}}</TD>
    <TD>{{p.des}}</TD>
    <TD>{{p.prix}}</TD>
   </tr>
  </tbody>
 </table>

 <script type="text/javascript" src="angular/angular.js" />
 <script type="text/javascript" src="Boostrap/js/app.js" />
</body>
</html>

j'attend vos réponse à ce problème.
merci :)