javascript - Angularjs 循环拼接

Question

我正在构建这个 angularjs 应用程序，这是我的第一个应用程序。如此巨大的学习曲线。我似乎无法删除项目，而且我的搜索也不起作用。不过，我设法让列排序和分页正常工作。

我没有收到错误，所以我不确定为什么表中项目行的搜索和删除不起作用。

我尝试过使用这个:

       $scope.remove = function(client){
            for(var i = $scope.clients.length - 1; i >= 0; i--){
                if($scope.clients[i].name == client.name){
                        $scope.clients.splice(i,1);
                }
            }
        }

工作示例:http://plnkr.co/edit/f2ozbP4JxrRSvRGJAmQi

答案，工作:

谢谢@DTing

  $scope.remove = function(client){
      $scope.filteredItems = $scope.filteredItems.filter(function(item) {
        return item.name !== client.name;
      });
      $scope.groupToPages();
    }

Answer 1

这应该是您的删除功能:

        $scope.remove = function(client){
            for(var i = $scope.pagedItems[$scope.currentPage].length - 1; i >= 0; i--){
                if($scope.pagedItems[$scope.currentPage][i].name == client.name){
                    $scope.pagedItems[$scope.currentPage].splice(i,1);
                    break;
                }
            }
        }

这应该是您的搜索功能(注意 $scope.clientsCopy 的创建):

        $scope.clientsCopy = angular.copy(data);

        $scope.searchMatch = function (haystack, needle) {
            if (!needle) {
                return true;
            }
            return haystack.toLowerCase().indexOf(needle.toLowerCase()) !== -1;
        };

        // init the filtered items
        $scope.search = function () {
            $scope.filteredItems = $filter('filter')($scope.clientsCopy, function (item) {
                for(var attr in item) {
                    if ($scope.searchMatch(item.name, $scope.query))
                        return true;
                    }
                    return false;
                }
            );
            // take care of the sorting order
            if ($scope.sortField !== '') {
                $scope.filteredItems = $filter('orderBy')($scope.filteredItems, $scope.sortField, $scope.reverse);
            }
            $scope.currentPage = 0;
            // now group by pages
            $scope.groupToPages();
        };

Plunker