Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 过滤选中的复选框_Angularjs_Checkbox - Fatal编程技术网

Angularjs 过滤选中的复选框

Angularjs 过滤选中的复选框,angularjs,checkbox,Angularjs,Checkbox,我有一个用复选框标记存在的用户列表 <input type="checkbox" data-ng-checked="{{user.presence}}"> 我想创建一种方法,在列表中显示选中复选框的用户,在选择框中选择“当前”选项,在选择框中选择“不存在”选项来显示未选中复选框的用户 我该怎么做 在这里查看我的代码:您的代码存在许多问题。首先,您没有在任何地方保存select值,因此我将其添加到模型中。我从默认选项中删除了“default”,以检查此清理器。我创建了一个过滤器,

我有一个用复选框标记存在的用户列表

<input type="checkbox" data-ng-checked="{{user.presence}}">

我想创建一种方法,在列表中显示选中复选框的用户,在选择框中选择“当前”选项,在选择框中选择“不存在”选项来显示未选中复选框的用户

我该怎么做


在这里查看我的代码:

您的代码存在许多问题。首先,您没有在任何地方保存select值,因此我将其添加到模型中。我从默认选项中删除了“default”,以检查此清理器。我创建了一个过滤器,并使用它来过滤您的列表。请参阅下面更新的代码笔

html


发布你的代码,我们可以让你开始。嗨@cChacon!这是我的密码:
<select ng-model="selectOption">
    <option value="" selected>
        Select an option
    </option>
    <option value="present">
        Present
    </option>
    <option value="absent">
        Absent
    </option>
</select>
....
<tr data-ng-repeat="user in id | filterByPresence:selectOption">
    ....
</tr>
app.filter('filterByPresence', function (){
  return function( users, selectOption ) {
      console.log('filterByPresence', selectOption);
      var filtered = [];
      angular.forEach(users, function(user) {
        if (!selectOption) {
          filtered.push(user);
        } else if (selectOption == 'present' && user.presence) {
          filtered.push(user);
        } else if (selectOption == 'absent' && !user.presence) {
          filtered.push(user);
        }
      });

      return filtered;
    };
})