удалить с помощью webapi и angular-ресурса

0

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

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

угловой код:

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
    Вход определяется на заводе. Смотрите обновленный пример кода.
Теги:
asp.net-web-api
angular-resource

1 ответ

0

Если это удаление, и, как я вижу, у вас уже есть suitcaseId, вам не нужно вызывать 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) {
        });
    }
});

API метода удаления

public void Delete(int id)
{   
    Singleton.Instance.Suitcases.RemoveAll(p => p.Id == id);
}
  • 0
    этот пример не работает, так как $ http и $ scope.entity не определены. Если я исправлю это, я получу ошибку Метод не разрешен (405). Это, кстати, та же самая ошибка, которую я получаю, когда меняю метод на стороне сервера в моем примере на public void Delete (int id). Помимо всего этого, это решение не использует библиотеку ресурсов, может быть, я не совсем понял об этом: моя цель - использовать для этого angular-resource.
  • 0
    Ну, я предоставил только пример того, как может выглядеть код. Я не знаю, какие библиотеки или ресурсы вы используете, поэтому я попытался создать общий код, просто чтобы вы представили идею. В своем вопросе вы не указали, что получаете 405 ошибок ..
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню