问题描述
我想用 ng-repeat
过滤一些值,我试过了,但还没有解决方案...
-
。
ng-repeat 上应用过滤器来解决此问题,如下所示
$ b $ ol
< div ng-repeat =用户中的问题|过滤器:{'request_role':'parent' }>
< div ng-repeat =用户中的问题| filter:{'request_role':'Change Agent '}>
< div ng-repeat =用户的问题|过滤器:{'request_role':'Change Agent','request_role':'parent'}>
/ strong>: http://plnkr.co/edit/NY3h8BCQn4gAbJsdyiJw?p=preview
All I want to filter some values with in ng-repeat
, I have tried but haven't got a solution...
I am looking for three kinds of solution,
(i) In my plunker first, i am looking to filter ng-module="request_role"
value of parent
in the list. so I had tried like | filter: request_role.[parent']
.
(ii) In my plunker second list, i am looking to filter ng-module="request_role"
value of Change Agent
. so I had tried like | filter: request_role.['Change Agentent']
.
(i) In my plunker third list, i am looking to filter ng-module="request_role"
value of parent,Change Agent
. so I had tried like | filter: request_role.['parent,Change Agent']
.
- I think I have done a mistake in
filter
, so please check and update my plunker as well to know exact solution, thanks...
My Html:-
<p style="background: black;color:white">1.Filter request_role value of `parent` data's in below list</p>
<div ng-repeat="question in users | filter: request_role.['parent']">
<small>
<table border="0">
<tbody>
<th>{{question.displayName}}</th>
<th style="background: yellow;">,{{question.roles[0]}}</th>
<th style="background: light;">,{{question.request_role[0]}}</th>
</tbody>
</table>
</small>
</div>
<p style="background: black;color:white">2. Filter request_role value of `Change Agent ` data's in below list</p>
<div ng-repeat="question in users | filter: request_role.['Change Agent']">
<small>
<table border="0">
<tbody>
<th>{{question.displayName}}</th>
<th style="background: yellow;">,{{question.roles[0]}}</th>
<th style="background: light;">,{{question.request_role[0]}}</th>
</tbody>
</table>
</small>
</div>
<p style="background: black;color:white">3.Filter request_role Both value of ["parent","Change Agent"] data's in below list</p>
<div ng-repeat="question in users | filter: request_role.['parent,Change Agent']">
<small>
<table border="0">
<tbody>
<th>{{question.displayName}}</th>
<th style="background: yellow;">,{{question.roles[0]}}</th>
<th style="background: light;">,{{question.request_role[0]}}</th>
</tbody>
</table>
</small>
</div>
My filter:-
1. | filter: request_role.['parent']
2. | filter: request_role.['Change Agent']
3. | filter: request_role.['parent,Change Agent']
You can solve this using a custom filter or directly by applying a filter on ng-repeat
as shown below
<div ng-repeat="question in users | filter: {'request_role':'parent'}">
<div ng-repeat="question in users | filter: {'request_role':'Change Agent'}">
<div ng-repeat="question in users | filter: {'request_role':'Change Agent','request_role':'parent'}">
Working Plunker: http://plnkr.co/edit/NY3h8BCQn4gAbJsdyiJw?p=preview
这篇关于如何使用Angular js在ng-repeat中使用过滤器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!