AngularJs过滤嵌套的ng-repeat

时间:2013-09-09 12:59:10

标签: angularjs

我有一个我想要过滤的分组嵌套对象。过滤器仅适用于第二组。

<input type="radio" ng-model="grouping" value="name"  />Name
<input type="radio" ng-model="grouping" value="date" />Gender
<input type="radio" ng-model="grouping" value="jsonpath" />Hair
<input type="text" ng-model="searchInput" />

<div data-ng-repeat="(group, details) in group(reports, grouping) | filter:searchInput">
<h2>{{group}}</h2>        
<ul>
    <li data-ng-repeat="report in details | filter:searchInput">
        {{ report.name }}
    </li>
</ul>
</div>

这是小提琴:http://jsfiddle.net/Tropicalista/aF2aL/15/

[UPDATE]

我有一个更新的plunker,不确定我是否朝着正确的方向前进:http://plnkr.co/edit/MYkTJoAIXV2XEN6glrDQ?p=preview

1 个答案:

答案 0 :(得分:0)

将滤波器放在外部中继器上的目的是什么?只需删除它。

<div data-ng-repeat="(group, details) in group(reports, grouping)">

Demo