搜索过滤器作为过滤器对象在angularjs中无法正常工作

时间:2016-05-24 05:28:44

标签: angularjs angularjs-ng-repeat angular-meteor

我有班级,批次和用户的数据集。用户数据集包含名称,电子邮件,类和批处理。类和批包含类和批处理的列表。我想使用名称,电子邮件,批处理和类来搜索用户数据集。名称和用户名在同一文本字段内提供,而class在一个选择选项中,批处理在另一个选择选项中,所有这些输入字段都在对象内定义,此对象在ng-repeat中作为过滤器给出。

这是我的js

     this.autorun(() => {

            $scope.dataSet = Meteor.users.find({}).fetch()
            $scope.searchFilter = [{
                "name": "Class",
                "data": self.classe,
                "enabled": true,
                "label": "class"
            }, {
                "name": "Batch",
                "data": self.batchs,
                 "label": "batch"
            }]
            $scope.filterObj = {}
            i = 0
            _.each($scope.searchFilter, function(filter){
                if(!$scope.search){
                    $scope.search = []
                }
                    $scope.filterObj[filter.label] = $scope.search[i]
                    i++
            })
            //$scope.filterObj['name'] = $scope.word

这是我的HTML

 <md-card flex="30" flex-xs="100" flex-sm="45" flex-gt-xs="30" layout-wrap ng-repeat="names in dataSet|filter:filterObj" class="cardfilter textWrap">
                    <div layout="row">
                        <div class="md-media-sm card-media"><img src="images/icons/student_profile.png" class="imageFilter"></div>
                        <div>
                            <p class="searchBold">{{names.name}}--{{names.class}}--{{names.batch}}
                            </p>
                            <p class="searchColor">{{names.username}}</p>
                            <p></p>
                        </div>

有人可以弄清楚我的代码有什么问题吗?

0 个答案:

没有答案