angularjs - Angular ng-repeat dependent on prior ng-repeat -


ive been stuck on problem 2 days , havent been able find right question/example me solve problem.

basically im trying generate list of categories using ng-repeat , categories have subcategories. when subcategory present should appear, , when there not 1 should not appear.

also, need these generated <%tr%> tags. (i able work needed 'groupby' directive, couldnt work <%tr%> tags).

http://plnkr.co/edit/0yjp4b9y0stsm6nzqgbk

<table ng-table="tableparams" class="table"> <tbody >  <tr ng-repeat-start="user in steps | filter:categoryfilter" ng-class="{subcategory:user.subcategory==1}">     <td data-title="'step name'" ng-class="{textcolorpink:user.subcategory==1,textcolorblue:user.subcategory==0}">         {{user.categoryname}}     </td>     <td data-title="'substep'" ng-class="{textcolorwhite:user.subcategory==0}">         {{user.categoryname}}     </td>  </tr>  <tr ng-repeat-start="subuser in steps | filter:subcategoryfilter" ng-class="{subcategory:subuser.subcategory==1}">     <td data-title="'step name'" ng-class="{textcolorpink:subuser.subcategory==1,textcolorblue:subuser.subcategory==0}">         {{subuser.categoryname}}     </td>     <td data-title="'substep'" ng-class="{textcolorwhite:subuser.subcategory==0}">         {{subuser.categoryname}}     </td>  </tr> <tr ng-repeat-end ng-hide="true"></tr> <tr ng-repeat-end ng-hide="true"></tr>  </tbody> 

this plunker should this:
main category 1
-------subcategory of 1
-------subcategory of 1
-------subcategory of 1
main category 2
main category 3
-------subcategory of 3
-------subcategory of 3
-------subcategory of 3
main category 4
main category 5
main category 6
main category 7
main category 8

ng-hide="subuser.maincategory !== user.index_id" 

plunker: http://plnkr.co/edit/nwl3k7zmr6qgd9mfwg3n?p=preview

i hope you're looking for. i'm not sure you're trying accomplish of code, hide items not subcategory of item they're nested within.

if have options change data model, nest subcategories within maincategories. nested ng-repeats tend work , it's cleaner using ng-hide.


Comments

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

c++ - OpenMP unpredictable overhead -

javascript - Wordpress slider, not displayed 100% width -