javascript - Angular $http Update not working -

trying update object code below. when save update, show update on immediate page, when reload, entire object , key values empty.

angular controller:

listingshowcontroller.$inject = ['$http', '$stateparams', '$location']; function listingshowcontroller ($http, $stateparams, $location) {   var vm = this;    vm.editlisting = function (listing) {     $http({       method: 'put',       url: '/api/listings/'+$stateparams.listingid,       data: listing     }).then(function successcallback(json) {     }, function errorcallback(response) {       console.log('there error editing data', response);     });   } 

server side function

function update(req, res) {   console.log('updating data', req.body);   db.listing.findbyid(req.params.listingid, function(err, foundlisting) {     if(err) { console.log('listingscontroller.update error', err); }     foundlisting.topic = req.body.topic;     foundlisting.description = req.body.description;     foundlisting.budget = req.body.budget;     foundlisting.location = req.body.location;     foundlisting.save(function(err, savedlisting) {       if(err) { console.log('saving altered listing failed'); }       res.json(savedlisting);     });   });  } 

after clicking this:

<li class="list-group-item">      <h4 class='inline-header'>topic:</h4>      <span ng-hide="editing"> {{listingshowctrl.listing.topic}}</a></span>      <input ng-show="editing" ng- model="listingshowctrl.listing.topic"type="text" class="form-control input-md">  </li> ... <div class='panel-footer'>     <div class='panel-footer'>     <button class='btn btn-info' ng-hide="editing" ng-click="editing = true">edit listing</button>     <button class='btn btn-success' ng-show="editing" ngclick="listingshowctrl.editlisting(listing); editing = false">save changes</button>     </div> </div>