列表中的 Restangular CRUD 元素方法

Question

我在 AngularJS 应用程序中使用 Restangular，但在 CRUD 操作方面遇到了一些问题。

我正在尝试修补和删除列表中的项目。无论我做什么，这些错误不断出现：

TypeError: item.remove is not a function at Scope.$scope.deleteItem

TypeError: item.patch is not a function at Scope.$scope.requestItems.Restangular.all.customGET.then.$scope.patchTitleChange

这是我的代码块：

appModule
.controller('AppController', ['$scope', 'Restangular', '$rootScope', '$state', '$document',
    function ($scope, Restangular, $rootScope, $state, $document) {
        $scope.items = [];
        $scope.requestItems = function (search_input, page, status) {
            var request_params = {
                "search": search_input,
                "page": page,
                "filter_status": status
            };
            Restangular.all('/myUrl/3/').customGET("items", request_params).then(
                function (data) {
                    if (request_params.page == 1)
                        $scope.items = data.results;
                    else
                        $scope.items = $scope.items.concat(data.results);
                    $scope.metadata = {
                        "count": data.count,
                        "next": data.next,
                        "previous": data.previous
                    };

                    $scope.patchTitleChange = function (index) {
                        console.log($scope.items[index].name);
                        $scope.items[index].patch({name: $scope.items[index].name});
                    };
                    $scope.patchDescriptionChange = function (index) {
                        $scope.items[index].patch({description: $scope.items[index].description});
                    };
                }
            )
        };
        $scope.deleteItem = function (item) {
            item.remove().then(function () {
                var index = $scope.items.indexOf(item);
                if (index > -1)
                    $scope.items.splice(index, 1);
            })
        };

我查看了与我相关的其他问题并尝试了他们的答案和解决方案，但似乎没有任何效果。

Answer 1

分配给您的项目数组的元素不是重新排列的元素。您分配的 data.results 是普通的 JSON 对象。为了打补丁、删除等...它们必须通过 Restangular.restangularize 或直接从 get / getList 请求接收：

//Collection
$scope.items = Restangular.restangularizeCollection(null, data.results, 'myUrl/3/items');

//Individual Items
angular.forEach(data.results, function (item) {
    $scope.items.push(Restangular.restangularizeElement(null, item, 'myUrl/3/items');
});

重新规范化集合时，各个项目也将重新规范化，我只提到迭代结果集，因为看起来您正在附加上面多次调用的结果。

参见：Restangular Methods

列表中的 Restangular CRUD 元素方法

Restangular CRUD element methods from list

javascript

crud

angularjs

restangular