使用webapi和angular资源删除

本文关键字：资源 删除 angular webapi 使用 | 更新日期: 2023-09-27 18:25:27

我正试图用angular resource en asp.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。我取出了我认为无关紧要的代码。

使用webapi和angular资源删除

如果是删除，并且我可以看到你已经有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);
}
相关文章：