title: AngularJs filter on nested ng-repeat
body: <p>I have a grouped nested object that I want to filter. The filter works only on the second group.</p>
  
  <pre><code>&lt;input type="radio" ng-model="grouping" value="name"  /&gt;Name
  &lt;input type="radio" ng-model="grouping" value="date" /&gt;Gender
  &lt;input type="radio" ng-model="grouping" value="jsonpath" /&gt;Hair
  &lt;input type="text" ng-model="searchInput" /&gt;
  
  &lt;div data-ng-repeat="(group, details) in group(reports, grouping) | filter:searchInput"&gt;
  &lt;h2&gt;{{group}}&lt;/h2&gt;        
  &lt;ul&gt;
      &lt;li data-ng-repeat="report in details | filter:searchInput"&gt;
          {{ report.name }}
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/Tropicalista/aF2aL/15/" rel="nofollow">http://jsfiddle.net/Tropicalista/aF2aL/15/</a></p>
  
  <p>[UPDATE]</p>
  
  <p>I have an updated plunker, not sure if i'm on the right direction: <a href="http://plnkr.co/edit/MYkTJoAIXV2XEN6glrDQ?p=preview" rel="nofollow">http://plnkr.co/edit/MYkTJoAIXV2XEN6glrDQ?p=preview</a></p>