Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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
Javascript 搜索时的角度过滤器和复选框_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 搜索时的角度过滤器和复选框

Javascript 搜索时的角度过滤器和复选框,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个angular应用程序,其中我显示了一个人员列表。我有一个输入,用于根据输入中的字符串筛选列表 列表中的每个人都有一个状态字符串。我在字符串筛选器旁边添加了一个复选框,但我不确定如何将其应用于筛选 我希望字符串根据名字/姓氏过滤,复选框根据状态过滤 搜索筛选器的绑定方式如下: input type='text' ng-model='filterText'/> <input type='checkbox'/> <!-- how do I get this to w

我有一个angular应用程序,其中我显示了一个人员列表。我有一个输入,用于根据输入中的字符串筛选列表

列表中的每个人都有一个
状态
字符串。我在字符串筛选器旁边添加了一个复选框,但我不确定如何将其应用于筛选

我希望字符串根据名字/姓氏过滤,复选框根据状态过滤

搜索筛选器的绑定方式如下:

input type='text' ng-model='filterText'/>
<input type='checkbox'/> <!-- how do I get this to work -->
    <ul>
        <li ng-repeat='person in people | filter:filterText'>
            <span class=''>{{person.firstname}}</span>
            <span class=''>{{person.lastname}}</span> -
            <span class='color-oj'>{{person.status}}</span>

        </li>
    </ul>

$scope.people = [
        {firstname: 'abdul', lastname: 'ahmad', status: 'active'},
        {firstname: 'mahmud', lastname: 'samrai', status: 'active'},
        {firstname: 'gasser', lastname: 'badawi', status: 'inactive'},
        {firstname: 'ibtihaj', lastname: 'jasim', status: 'active'},
        {firstname: 'abudi', lastname: 'ahmad', status: 'inactive'},
        {firstname: 'ahmad', lastname: 'jasim', status: 'active'},
        {firstname: 'abdul', lastname: 'samrai', status: 'inactive'}
    ];
input type='text'ng model='filterText'/>
  • {{person.firstname} {{person.lastname}- {{person.status}
$scope.people=[ {名字:'abdul',姓氏:'ahmad',状态:'active'}, {名字:'mahmud',姓氏:'samrai',状态:'active'}, {firstname:'gasser',lastname:'badawi',status:'inactive'}, {firstname:'ibtihaj',lastname:'jasim',status:'active'}, {名字:'abudi',姓氏:'ahmad',状态:'inactive'}, {firstname:'ahmad',lastname:'jasim',status:'active'}, {firstname:'abdul',lastname:'samrai',status:'inactive'} ];
此代码基于您的小提琴,与您在此处发布的有点不同

首先,为您提供一个模型:

<input type='checkbox' ng-model='active'/>

其次,稍微更改过滤器:

<li ng-repeat='person in people | filter:filterText | filter:{isActive:active} '>
  • 
    
    创建一个对象,其字段名与要筛选的对象上的字段匹配

    <li ng-repeat='person in people | filter:filterText | filter:search:strict '>
    

  • 谢谢,很抱歉,我没早点看到这个,当时正在看《奥特龙时代》:)哦,是的,对不同的代码感到抱歉,我已经更改了代码,但忘了更新小提琴