Javascript AngularJS硬代码复选框过滤器

Javascript AngularJS硬代码复选框过滤器,javascript,angularjs,checkbox,angularjs-scope,Javascript,Angularjs,Checkbox,Angularjs Scope,我有个棘手的问题。 如何使用多个复选框筛选scrope 这是我的工作范围: function UserListCtrl($scope, $filter) { $scope.users =[{"user_id":"3","first_name":"Nathalie","last_name":"ABBAS DE CLAUZADE","societe_1":"Strasbourg Magazine \/ CUS Magazine","societe_2":false,"index_1":fal

我有个棘手的问题。 如何使用多个复选框筛选scrope

这是我的工作范围:

function UserListCtrl($scope, $filter) {
    $scope.users =[{"user_id":"3","first_name":"Nathalie","last_name":"ABBAS DE CLAUZADE","societe_1":"Strasbourg Magazine \/ CUS Magazine","societe_2":false,"index_1":false,"index_2":false,"index_4":false,"index_5":false,"index_6":false,"index_7":false,"index_8":false,"index_9":false,"index_10":false,"index_11":false,"index_12":true,"index_13":false,"index_14":false,"index_15":false,"index_16":false,"alphabetical":"A"},{"user_id":"4","first_name":"Richard","last_name":"ABOAF","societe_1":"Lyc\u00e9e ORT","societe_2":false,"index_1":false,"index_2":false,"index_4":false,"index_5":false,"index_6":false,"index_7":false,"index_8":true,"index_9":false,"index_10":false,"index_11":false,"index_12":false,"index_13":false,"index_14":false,"index_15":false,"index_16":false,"alphabetical":"A"},":false,"alphabetical":"S"},{"user_id":"679","first_name":"Giulia","last_name":"SILVESTRINI","societe_1":"actas.it","societe_2":false,"index_1":false,"index_2":false,"index_4":false,"index_5":false,"index_6":false,"index_7":false,"index_8":false,"index_9":false,"index_10":false,"index_11":false,"index_12":true,"index_13":false,"index_14":false,"index_15":false,"index_16":false,"alphabetical":"S"}]      
}
这是我的循环(每个字母有不同的循环):


  • {{user.first{u name}{{user.last{u name}}{{user.societe{u 1}}{{user.societe{u 2}}

好的,我使用一个输入:text来搜索firstname和lastname。 但我的问题是,如何使用复选框过滤循环

我试过:

<p class="checkbox"><label for="">Collectivités, service public</label> <input type="checkbox" ng-model="index_2.true"></p>

集体、公共服务


但它不起作用

您可以应用与您的<代码>字母fitler相同的逻辑,例如:

... | filter:{index_2: index_2}
但是,复选框模型必须存在于范围中,因此:

ng-model="index_2.true"
应该是(虽然不一定命名为
索引2
):


演示:

ng-model="index_2.true"
<input type="checkbox" ng-model="index_2">