使用 webapi 和 angular-resource 删除

Question

我正在尝试使用 angular-resource en asp.net 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 not allowed 错误。

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

PS。我把我认为无关紧要的代码拿出来了。

Answer 1

如果是删除，并且我可以看到您已经拥有了 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);
}