title: Angular nested ng-repeat filter items matching parent value
body: <p>I am passing in 2 arrays to my view. I would like my nested loop to only display where it's parent_id value matches the parent.id. Eg.</p>
  
  <pre><code>arr1 = {"0":{"id":326,"parent_id":0,"title":"Mellow Mushroom voucher","full_name":"Patrick","message":"The voucher says $10 Voucher; some wording on the printout says, \"This voucher is valid for $20 Pizza\" but my purchase price or amount paid also says $20. Shouldn't that be $10","type":"Deals"}};
  arr2 = {"0":{"id":327,"parent_id":326,"title":"Re: Mellow Mushroom voucher","full_name":"Patrick Williams","message":"Some message here","type":null};
  
  ...
  &lt;div data-ng-repeat = "parent in arr1"&gt;
  &lt;span&gt;{{parent.title}}&lt;span&gt;
      &lt;div data-ng-repeat="child in arr2 | only-show-where-child.parent_id == parent.id"&gt;
          &lt;li&gt;{{child.body}}&lt;/li&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible/best practice in angular of should I be filtering the object in node before passing it into angular? Thank you!</p>