angularjs - Checking deletion and update ui angular ngResource module -


how can check happning inn delete function on resource because every time delete says success ui doesnt update

my html

        <md-content >                     <div id="main" class="well">                          <table cellpadding="20" class="table table-bordered table-striped">                             <tr>                                 <th ng-repeat="(head, value) in models[0]"><span>{{head}}</span></th>                             </tr>                             <tr ng-repeat="row in models">                                 <td ng-repeat="(name, value) in row" ng-scope>                                     <span ng-click="" ng-bind="row[name]"></span>                                   </td>                                 <td >                                     <a target="_self" href="#" ng-click="downlaodid(row)">downlaod</a>                                 </td>                                 <td >                                     <a target="_self" href="#" ng-click="deleteid(row)"                                        confirmation-needed="really delete?">delete</a>                                 </td>                               </tr>                         </table>                      </div>      </md-content> 

my controller

    $scope.deleteid = function (idpassed) {      fileloadservice.delete({ 'id': idpassed.id },function(successresult) {         alert('deleted');     }, function (errorresult) {         // on error         if (errorresult.status === 404) {             alert('ooops');         }     });  }; 

my ui looks after click delete fileloadservice

app.factory('fileloadservice', ['$resource',           function ($resource) {               return $resource(      "http://jsonplaceholder.typicode.com/todos/:id",      { id: "@id" },      {           "query": { 'method': 'get', isarray: true }       }); 

}]);

enter image description here

as can see code:

$scope.deleteid = function (idpassed) {      fileloadservice.delete({ 'id': idpassed.id },function(successresult) {         alert('deleted');     }, function (errorresult) { 

you doing nothing current model, sending alert deleted when hit delete button. if want else..... should put functionality in code.

for example:

$scope.deleteid = function (idpassed) {          fileloadservice.delete({ 'id': idpassed.id },function(successresult) {             var index = $scope.models.indexof(idpassed);             $scope.models.splice(index, 1);             alert('deleted');         }, function (errorresult) { 

Comments