2015-12-03 2 views
0

Я пытаюсь удалить элемент в своей коллекции с помощью enpp.net webapi с угловым ресурсом. Вызывается правильный метод на стороне сервера, но с ним не отправляется объект: чемодан имеет значение null.удалить с webapi и угловым ресурсом

Что мне не хватает в моем коде, который занимается доставкой объекта?

угловой код:

var myApp = angular.module('myApp', ['ui.router', 'ngResource']); 

     myApp.config([ 
      '$stateProvider', function($stateProvider) { 
       $stateProvider 
        .state('suitcases.delete', { 
         url: '/suitcase/delete/:id', 
         controller: 'deleteSuitcaseController' 
        }); 
      } 
     ]); 

angular.module('myApp').controller('deleteSuitcaseController', function ($scope, $state, $stateParams, Entry) { 
      console.log('deleteSuitcaseController', $stateParams.id); 

      $scope.deleteSuitcase = function() { 
       var suitcase = Entry.get({ id: $stateParams.id }); 
       suitcase.$delete(); 
      }; 

      $scope.deleteSuitcase(); 
     }); 

angular.module('myApp').factory('Entry', function($resource) { 

      return $resource(
       "api/suitcaseapi/:id", { id: '@@id' }, 
       { "update": { method: "PUT" } }, 
       { "add": { method: "POST" } } 
      ); 
     }); 

код WebAPI:

public class SuitcaseApiController : ApiController 
    { 
public void Delete(Suitcase suitcase) 
     { 
      Singleton.Instance.Suitcases.RemoveAll(p => p.Id == suitcase.Id); 
     } 
    } 

Если изменить метод на стороне сервера для кода ниже я получаю 405 не допускается ошибка в браузере.

public void Delete(int suitcaseid) 
     { 
      Singleton.Instance.Suitcases.RemoveAll(p => p.Id == suitcaseid); 
     } 
    } 

PS. Я вынул код, который, по моему мнению, не имеет значения.

+1

Что такое 'Entry'? –

+0

Ввод определяется на заводе. См. Обновленный пример кода. –

ответ

0

Если это удаление, и, как я вижу, у вас уже есть чемодан, вам не нужно вызывать API, чтобы вернуть весь объект только для его удаления. Просто передайте Id вместе, и API позаботится о поиске объекта. Что-то вроде этого:

Угловая контроллер/функция

angular.module('myApp').controller('deleteSuitcaseController', function ($scope, $state, $stateParams, Entry) { 

    $scope.entity.id = $stateParams.id; 

    $scope.deleteSuitcase = function() { 

     $http.delete('/Suitcase/' + $scope.entity.id) 
     .success(function (data, status, headers) { 

     }) 
     .error(function (data, status, header, config) { 
     }); 
    } 
}); 

Delete Метод API

public void Delete(int id) 
{ 
    Singleton.Instance.Suitcases.RemoveAll(p => p.Id == id); 
} 
+0

этот пример не работает, так как $ http и $ scope.entity не определены. Если я исправлю это, я получаю ошибку Method not allowed (405). Это так же ошибка, которую я получаю, когда я меняю метод на стороне сервера в моем примере на public void Delete (int id). Помимо всего этого, это решение не использует библиотеку ресурсов, может быть, я не был ясно из этого: моя цель заключается в использовании углового ресурса для этого. –

+0

Ну, я только предоставил образец того, что может выглядеть код. Я не знаю, какие библиотеки или ресурсы вы используете, поэтому я попытался создать общий код, просто чтобы вы поняли идею. В вашем вопросе вы не указали, что получили 405 erros .. – jpgrassi

+0

Спасибо за отзыв, я обновил вопрос. –