Angular js : tableau ne s'affiche pas

Résolu/Fermé
mimou2601 Messages postés 82 Date d'inscription dimanche 12 avril 2009 Statut Membre Dernière intervention 16 mai 2017 - Modifié par KX le 1/03/2016 à 08:10
mimou2601 Messages postés 82 Date d'inscription dimanche 12 avril 2009 Statut Membre Dernière intervention 16 mai 2017 - 1 mars 2016 à 10:13
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 :)

A voir également:

1 réponse

KX Messages postés 16733 Date d'inscription samedi 31 mai 2008 Statut Modérateur Dernière intervention 31 janvier 2024 3 015
1 mars 2016 à 08:18
Bonjour,

Où as tu mis le code JavaScript du module Angular dans ta page HTML ?
Je vois angular et bootstrap, mais pas MyCat.js ou quelque soit son nom.

Remarque : ce serait bien de prévoir les cas d'erreurs de $http.get et éviter l'usage de success qui est dépréciée.
https://docs.angularjs.org/api/ng/service/$http#deprecation-notice
0
mimou2601 Messages postés 82 Date d'inscription dimanche 12 avril 2009 Statut Membre Dernière intervention 16 mai 2017 7
1 mars 2016 à 10:13
Je l'ai mis dans un fichier javascript MyCat.js
Je n'arrive pas encore à résoudre ce problème.
0