Tests Angular

public/js/angular.js

@@ -1,17 +1,30 @@
+angular.module('threadServices', ['ngResource']).
+    factory('Thread', function($resource) {
+        return $resource('/forum/threads/:id', {}, {
+            query: {method: 'GET', params: {id: 'thread'}, isArray: true}
+        });
+    });
+
 angular.module('postServices', ['ngResource']).
     factory('Post', function($resource) {
-        alert('ok');
-        return $resource('/posts/:postId', {}, {
-            query: {method: 'GET', params: {postId: 'post'}, isArray:true}
+        return $resource('/forum/threads/:threadId/posts', {}, {
+            query: {method: 'GET', isArray: true}
         });
     });
 
-angular.module('post', ['postServices']).
-    config(['$routeProvider', function($routeProvider) {
-        $routeProvider.
-            when('/posts/:postId', {templateUrl: 'partials/post-detail', controller: PostDetailController})
-}]);
+function ThreadDetailController($scope, $routeParams, Thread) {
+    $scope.thread = Thread.get({id: $routeParams.id});
+}
+
+function PostsController($scope, $routeParams, Post) {
+    $scope.posts = Post.get({threadId: $routeParams.id});
+}
+
+angular.module('app', ['threadServices', 'postServices']).
+    config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
+    $locationProvider.html5Mode(true);
 
-function PostDetailController($scope, $routeParams, Post) {
-    alert('ok');
-}
+    $routeProvider.
+        when('/forum/threads/:id', {templateUrl: '/partials/thread-detail.html', controller: ThreadDetailController}).
+        when('/forum/threads/:threadId/messages', {templateUrl: '/partials/messages.html', controller: PostsController})
+}]);

public/partials/messages.html

@@ -0,0 +1,10 @@
+<p>Salut</p>
+
+<div data-ng-controller="PostsController">
+    <ul>
+        <li data-ng-repeat="post in posts.posts">
+            {{ post.id }}
+            {{ post.content }}
+        </li>
+    </ul>
+</div>

public/partials/thread-detail.html

@@ -0,0 +1,6 @@
+<h1>Ok</h1>
+<p>{{ thread.thread.title }}</p>
+
+<div data-ng-include data-src="'/partials/messages.html'"></div>
+
+<a href="/forum/threads/{{ thread.thread.id + 1 }}">Load next</a>