Angular JS Full example of GET POST DELETE PUT client for a REST CRUD backend

Question

I ve implemented a REST CRUD backend by following this article as an example  http   coenraets org blog 2012 10 creating-a-rest-api-using-node-js-express-and-mongodb    I have MongoDB running locally  I m not using MongoLabs   I ve followed the Google tutorial that uses ngResource and a Factory pattern and I have query  GET all items   get an item  GET   create an item  POST   and delete an item  DELETE  working   I m having difficulty implementing PUT the way the backend API wants it -- a PUT to a URL that includes the id      foo   and also includes the updated data   I have this bit of code to define my services   angular module  realmenServices     ngResource         factory  RealMen   function  resource       return  resource  http   localhost   3000 realmen  entryId               query   method  GET   params  entryId      isArray true         post   method  POST          update   method  PUT          remove   method  DELETE             I call the method from this controller code    scope change   function         RealMen update  entryId   scope entryId   function                  location path                   but when I call the update function  the URL does not include the ID value  it s only   realmen   not   realmen ID    I ve tried various solutions involving adding a  RealMen prototype update   but still cannot get the entryId to show up on the URL    It also looks like I ll have to build the JSON holding just the DB field values myself -- the POST operation does it for me automatically when creating a new entry  but there doesn t seem to be a data structure that only contains the field values when I m viewing editing a single entry    Is there an example client app that uses all four verbs in the expected RESTful way   I ve also seen references to Restangular and another solution that overrides  save so that it can issue either a POST or PUT  http   kirkbushell me angular-js-using-ng-resource-in-a-more-restful-manner     This technology seems to be changing so rapidly that there doesn t seem to be a good reference solution that folks can use as an example

User · Answer

You can implement this way   resource  http   localhost   3000 realmen  entryId    entryId    entryId              UPDATE   method   PUT   url   http   localhost   3000 realmen  entryId             ACTION   method   PUT   url   http   localhost   3000 realmen  entryId action            RealMen query     GET   realmen  RealMen save  entryId  1   post data      POST  realmen 1 RealMen delete  entryId  1     DELETE  realmen 1    any optional method RealMen UPDATE  entryId 1    post data      PUT  realmen 1    query string RealMen query  name  john      GET  realmen name john   Documentation  https   docs angularjs org api ngResource service  resource  Hope it helps

User · Answer

I m the creator of Restangular   You can take a look at this CRUD example to see how you can PUT POST GET elements without all that URL configuration and  resource configuration that you need to do  Besides it  you can then use nested resources without any configuration      Check out this plunkr example   http   plnkr co edit d6yDka p preview  You could also see the README and check the documentation here https   github com mgonto restangular  If you need some feature that s not there  just create an issue  I usually add features asked within a week  as I also use this library for all my AngularJS projects     Hope it helps

User · Answer

Because your update uses PUT method   entryId   scope entryId  is considered as data  to tell angular generate from the PUT data  you need to add params   entryId    entryId   when you define your update  which means  return  resource  http   localhost   3000 realmen  entryId           query   method  GET   params  entryId      isArray true     post   method  POST      update   method  PUT   params   entryId    entryId       remove   method  DELETE         Fix  Was missing a closing curly brace on the update line

[rest] Angular JS: Full example of GET/POST/DELETE/PUT client for a REST/CRUD backend?

Examples related to rest

Examples related to angularjs