Bonjour à tous,
Je débute mon apprentissage d'AngularJS et j'ai un petit problème concernant mon code.
Mon tableau de valeur ne s'affiche pas.
Je suis sous AngularJS 1.8.6.
Voici mon code :
Si quelqu'un à une idée, je suis preneur.
Merci d'avance.
Cordialement
Je débute mon apprentissage d'AngularJS et j'ai un petit problème concernant mon code.
Mon tableau de valeur ne s'affiche pas.
Je suis sous AngularJS 1.8.6.
Voici mon code :
<!doctype html>
<html ng-app>
<head>
<title>Les Scope et Controller</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<meta charset="UTF-8">
</head>
<body ng-app="myApp">
<input type="text" ng-model="query">
<select ng-model="order">
<option value="-username">Organiser par nom</option>
<option value="content">Organiser par contenu</option>
</select>
<div ng-controller="CommentsCtrl">
<ul>
<div ng-repeat="comment in comments | filter:{content:query} | orderBy:order">
<p><strong>{{comment.username}}</strong><br>
{{comment.content}}
{{comment.email}}</p>
</div>
</ul>
</div>
<script>
var myApp = angular.module('myApp',[]);
myApp.controller('CommentsCtrl', ['$scope', function($scope){
$scope.comments = [
{
"username":"Dillon",
"city":"Nile",
"email":"dillonwelch@furnigger.com",
"content":"elit sint excepteur pariatur coluptate"
},
{
"username":"Anthony",
"city":"PALERMO",
"email":"anthony.palermo@gmail.com",
"content":"lorem ipsum dolor sit amet"
},
{
"username":"Jale",
"city":"Ankara",
"email":"jale.yildirim@hotmail.fr",
"content":"ipsum sit amet dolor"
},
{
"username":"Goku",
"city":"Planète Vegeta",
"email":"ssjblue@dbz.org",
"content":"tu as l'air très fort"
}
];
}]);
</script>
</body>
</html>
Si quelqu'un à une idée, je suis preneur.
Merci d'avance.
Cordialement
