add new object to json-server; AngularJS

Question

I have an angular app that supposed to work with json-server for retrieving data and adding new data (users feedback). so I have json database with some arrays and one of them is "feedbacks":[] which is currently empty. on PUT method I get:

PUT /feedbacks 404 from server and this is chrome console PUT http://localhost:3000/feedbacks 404 (Not Found).

this is my service:

angular.module('myApp')
        .constant("baseURL", "http://localhost:3000/")
.service('feedbackService',['$resource','baseURL',function($resource,baseURL){
      this.getFeedback=function(){
        return $resource(baseURL+"feedbacks/:date",null,{
          'update':{
            method:'PUT'
          }
        });
      };
    }]);

this is the controller:

    // contactus.html controllers
.controller('ContactController', ['$scope', function($scope) {
            $scope.feedback = {firstName: "",lastName: "",email: "",date: ""};
        }])
        // Feedback form controller
        .controller('FeedbackController', ['$scope', 'feedbackService', function($scope, feedbackService) {
            $scope.feedbacks = feedbackService.getFeedback().query(function(response) {
                $scope.feedbacks = response;
            });
            $scope.sendFeedback = function() {
                    $scope.feedback.date = new Date().toISOString();
                    $scope.feedbacks.push($scope.feedback);
                    feedbackService.getFeedback().update($scope.feedbacks);
                    $scope.feedbackForm.$setPristine();
                    $scope.feedback = {firstName: "",lastName: "",email: "", date:""};
            };
        }])

getFeedbacks() method works and server send 200, but for PUT I receive 404.

You have to check for your service layer. Nothing to do here in front end. — ramamoorthy_villi
– ramamoorthy_villi, Commented Aug 20, 2016 at 12:14
@ramamoorthy_villi I am new to this, what should I check in service Layer? — Amir-Mousavi
– Amir-Mousavi, Commented Aug 20, 2016 at 12:16
@ramamoorthy_villi yes PUT method works, cause I have another controller for commenting and there PUT works perfectly — Amir-Mousavi
– Amir-Mousavi, Commented Aug 20, 2016 at 12:29

Amir-Mousavi · Accepted Answer · 2016-08-20 12:36:27Z

1

OK I solved it :)) a very silly mistake. there was no need for push and then update as I wanted to create new object inside the array.

$scope.feedback.date = new Date().toISOString();
feedbackService.getFeedback().save($scope.feedback);

and also I changed the service to:

return $resource(baseURL+"feedbacks/:id",null,{

to have auto incremental id for each object

answered Aug 20, 2016 at 12:36

Amir-Mousavi

4,65315 gold badges79 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

add new object to json-server; AngularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related