Javascript 搜索时的角度过滤器和复选框
我有一个angular应用程序,其中我显示了一个人员列表。我有一个输入,用于根据输入中的字符串筛选列表 列表中的每个人都有一个Javascript 搜索时的角度过滤器和复选框,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有一个angular应用程序,其中我显示了一个人员列表。我有一个输入,用于根据输入中的字符串筛选列表 列表中的每个人都有一个状态字符串。我在字符串筛选器旁边添加了一个复选框,但我不确定如何将其应用于筛选 我希望字符串根据名字/姓氏过滤,复选框根据状态过滤 搜索筛选器的绑定方式如下: input type='text' ng-model='filterText'/> <input type='checkbox'/> <!-- how do I get this to w
状态
字符串。我在字符串筛选器旁边添加了一个复选框,但我不确定如何将其应用于筛选
我希望字符串根据名字/姓氏过滤,复选框根据状态过滤
搜索筛选器的绑定方式如下:
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 '>
谢谢,很抱歉,我没早点看到这个,当时正在看《奥特龙时代》:)哦,是的,对不同的代码感到抱歉,我已经更改了代码,但忘了更新小提琴