Making routes RESTful. Adding ability to delete, still no refresh after delete though

Author: Jaco Pretorius

app/assets/javascripts/controllers/todo_controller.js

@@ -1,6 +1,6 @@
 function TodoController($scope, $http, $location) {
 
-  $http.get('/todo/index.json').success(function(data) {
+  $http.get('/todo.json').success(function(data) {
     $scope.items = data;
   });
 
@@ -10,12 +10,19 @@ function TodoController($scope, $http, $location) {
 
   $scope.addTodo = function() {
     var description = $scope.newTodo.description;
-    $http.post('/todo/add.json', { description: description }).success(function() {
+    $http.post('/todo.json', { description: description }).success(function() {
       $scope.newTodo.description = '';
       $location.path("list");
     });
   }
 
+  $scope.deleteTodo = function(todo) {
+    var id = todo._id;
+    $http.delete('/todo/' + id).success(function() {
+      $location.path("list");
+    });
+  }
+
   $scope.backToList = function() {
     $location.path("list");
   }

app/assets/javascripts/views/list.jst.ejs

@@ -1,6 +1,7 @@
 <ul>
   <li data-ng-repeat="item in items">
-    {{item.description}}
+    <div><label>Description: {{item.description}}</label></div>
+    <div><button data-ng-click="deleteTodo(item)">Delete</button></div>
   </li>
 </ul>
 <div>

app/controllers/todo_controller.rb

@@ -3,7 +3,7 @@ def index
     render :json => Todo.all
   end
 
-  def add
+  def create
     if Todo.create(params[:todo])
       head :ok
     else
@@ -14,6 +14,12 @@ def add
   def update
   end
 
-  def delete
+  def destroy
+    puts params
+    Todo.find(params[:id]).delete
+    head :ok
+  rescue Exception => e
+    puts e
+    head :bad_request 
   end
 end

config/routes.rb

@@ -1,8 +1,5 @@
 AngularRails::Application.routes.draw do
-  get "todo/index"
-  post "todo/add"
-  put "todo/update"
-  delete "todo/delete"
+  resources :todo, only: [:index, :create, :update, :destroy]
 
   root :to => 'todo#index'
 end