带有复选框的Angular js自定义过滤器

时间:2014-10-03 10:26:37

标签: javascript angularjs checkbox

我想使用自定义angularjs过滤器的复选框。我到目前为止使用的代码是关于plunkr的。

http://plnkr.co/edit/hoSaaim9sY8AOUd4inLJ

我有嵌套的json数组来存储数据。使用angular forEach方法,我获得了一系列技术,然后将其展平并删除重复项以创建名为“techStack”的数组。这是我的控制器:

angular.module('app', []);

function getUnique(inputArray){
            var outputArray = [];
            for (var i = 0; i < inputArray.length; i++){
                if ((jQuery.inArray(inputArray[i], outputArray)) == -1){
                    outputArray.push(inputArray[i]);
                }
            }
            return outputArray;
        }

app.controller('CompaniesController', ['$scope', '$http', 
  function($scope, $http) {
    $http.get('companies.json').success(function(data) {
        $scope.companies = data;

        var techStackUnsorted = []
        var merged = [];
        $scope.techStack = [];

        angular.forEach(data, function(company, technologies) {
            var tech = company.technologies;
            techStackUnsorted.push(tech);
        })

        merged = getUnique(_.flatten(techStackUnsorted));
        $scope.techStack = merged;

    })
  }
]);  

所以,我需要通过“技术”

过滤带有复选框的公司

我已经阅读了几个类似Filter Array Using Checkboxes with AngularJS或此How to use checkbox to filter results with Angular?的解决方案,但未能将其与我的应用配合使用,因为我正在使用带有ng-repeat的不同数组。我怎样才能做到这一点?

注意:似乎它没有在这个plunkr中加载json,无法弄清楚原因。

编辑:忘了添加实际的plunkr链接,现在添加

0 个答案:

没有答案