Javascript AngularJs |通过具有相同名称的文本框和多个复选框进行过滤

我是新来安格拉斯的。我可以通过文本框搜索列表，但不能使用复选框

这是我的HTML代码

<input id="search_keywords" ng-model="keyword" type="text" value="" placeholder="Keywords" name="search_keywords">
<input id="search_location" ng-model="location" type="text" value="" placeholder="Location" name="search_location">

并以相同的形式使用复选框

<input type="checkbox" ng-model="categories[category]"  />Full Time</label>
<input type="checkbox" ng-model="categories[category]"  />Part Time</label>
<input type="checkbox" ng-model="categories[category]"  />Contract</label>
<input type="checkbox" ng-model="categories[category]"  />Freelance</label>

<ul class="job-fillter-listings-wr">
<li class="job-list" ng-repeat="x in searchData | filter : {'keyword' : keyword, 'location' : location, 'categories' : categories } ">
    <a href="">
        <div class="center-wr">
            <div class="all-job-list clearfix">
                <div class="job-title-section">
                    <span class="job-title-"><i class="fa fa-star" aria-hidden="true"></i> | {{ x.keyword }}</span>
                </div>
                <div class="job-location">{{ x.location }}</div>
            </div>
        </div>
    </a>
</li>
</ul> <!--job-fillter-listings-wr-->

全职
兼任
合同
自由职业的

searchData | filter:{'keyword'：关键字，'location'：位置，'categories'：categories}>

角JS代码

<script type="text/javascript">
var app = angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
    $scope.searchData = [
                            {
                                "keyword": "Sr. Front-End Developer",
                                "categories": "Part Time",
                                "location": "Toronto"
                            },
                            {
                                "keyword": "Sr. Developer / Architect",
                                "categories": "Full Time",
                                "location": "Toronto"
                            },
                            {
                                "keyword": "Sr. .NET Developer",
                                "categories": "Contract",
                                "location": "Pickering"
                            },
                            {
                                "keyword": "Business Analyst (Contract)",
                                "categories": "Contract,Freelance",
                                "location": "Pickering"
                            }
                        ]
});
</script>

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'arrCtrl'，函数（$scope）{
$scope.searchData=[
{
“关键字”：“高级前端开发人员”，
“类别”：“兼职”，
“地点”：“多伦多”
},
{
“关键字”：“高级开发商/建筑师”，
“类别”：“全职”，
“地点”：“多伦多”
},
{
“关键字”：“Sr..NET开发者”，
“类别”：“合同”，
“位置”：“Pickering”
},
{
“关键字”：“业务分析师（合同）”，
“类别”：“合同，自由职业者”，
“位置”：“Pickering”
}
]
});

如何通过复选框过滤列表

谢谢

---

我想它会对你有帮助的

我做了一个可能对你有帮助的样品

var-app=angular.module（'myApp'，[]）；
应用程序控制器（'arrCtrl'，函数（$scope）{
$scope.categories=''；
$scope.category=[]；
$scope.checkeChange=函数（已选中，val）{
$scope.categories=''；
用于（风险值i在$scope.category中）{
如果（$scope.category[i]）{
如果（$scope.categories！=''）
$scope.categories+='，'
$scope.categories+=$scope.categories[i]
}
}
}
$scope.searchData=[{
“关键字”：“高级前端开发人员”，
“类别”：“兼职”，
“地点”：“多伦多”
}, {
“关键字”：“高级开发商/建筑师”，
“类别”：“全职”，
“地点”：“多伦多”
}, {
“关键字”：“Sr..NET开发者”，
“类别”：“合同”，
“位置”：“Pickering”
}, {
“关键字”：“业务分析师（合同）”，
“类别”：“合同，自由职业者”，
“位置”：“Pickering”
}]
});

全场比赛结束时间
兼任
合同
自由职业的
按-{{categories}}搜索

searchData | filter:{'keyword'：关键字，'location'：位置，'categories'：categories}>


但在您的参考中，每个复选框都有不同的型号名称
Here