AngularJS-按多个复选框组筛选

AngularJS-按多个复选框组筛选,angularjs,Angularjs,我正在寻找一点建议,关于这方面的最佳方法是什么: 我有大约5组复选框。清单上的内容可能包括品牌、型号、颜色、尺寸等。当用户勾选品牌、颜色等时,汽车列表会根据其选择进行更新 该列表是通过对数据库的调用生成的,我知道如果该列表作为一个可以在前端完全过滤的列表生成一次,那将是相当简单的,但是数据库预计将增长到10000行以上,因此这并不理想 我最初的想法是在每次勾选复选框时将结果发送到DB,并将结果返回到视图。这对一组复选框很好,但我不知道如何使用多个复选框组 以下是我的控制器中的函数,用于处理: $

我正在寻找一点建议,关于这方面的最佳方法是什么:

我有大约5组复选框。清单上的内容可能包括品牌、型号、颜色、尺寸等。当用户勾选品牌、颜色等时,汽车列表会根据其选择进行更新

该列表是通过对数据库的调用生成的,我知道如果该列表作为一个可以在前端完全过滤的列表生成一次,那将是相当简单的,但是数据库预计将增长到10000行以上,因此这并不理想

我最初的想法是在每次勾选复选框时将结果发送到DB,并将结果返回到视图。这对一组复选框很好,但我不知道如何使用多个复选框组

以下是我的控制器中的函数,用于处理:

$scope.getSelectedBrands = function() {
    $scope.brandsselected = $filter('filter')($scope.brands, {checked: true});  
    var senddata = $filter('filter')($scope.brands, {checked: true});
    $http.post('/brands', senddata).success(function(data, status, response) {
        $scope.cars = data;  
    });        
}
我不知道对每个复选框组使用不同但非常相似的函数是否有太多意义,而且看起来也不是很枯燥。目前,每个复选框组(如brand)都有自己的URL可发布以返回结果集。此外,由于可以首先勾选任何复选框组中的复选框,因此根据选中的复选框,将从不同的函数返回初始数据

有没有更好的办法?我还需要允许用户取消选中复选框并重新填充列表

希望这是有道理的


谢谢

好的,我想我是走错了路。我所需要做的就是创建一个如下所示的函数,并在选中复选框时启动它。它只需要调用表单数据

$scope.getFormdata = function(){
    var formdata = [{
            brands : $filter('filter')($scope.brands, {checked: true}),
            types : $filter('filter')($scope.types, {checked: true})
    }];
    console.log(formdata);
} 

非常简单。

也许我对的回答与您的问题相关-检查第二个问题,在那里东西变得更加可重用。谢谢,我会看一看。我还认为我可以从整个表单中获取值,并使用该对象,就像这里的文档所示: