我已经在这个问题上停留了两天,一直无法找到合适的问题/示例来帮助我解决问题。
基本上,我试图使用 ng-repeat 生成类别列表,有时这些类别有子类别。当存在子类别时,它应该出现,当没有子类别时,它不应该出现。
另外,我需要用 <%tr%> 标签生成这些标签。(我几乎能够让它根据需要使用"GroupBy"指令,但无法让它与 <%tr%> 标签一起使用(。
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>
这个 plunker 应该看起来像这样:
主要类别 1
-------1 的子类别
-------1 的子类别
-------1 的子类别
主要类别 2
主要类别 3
-------3 个子类别
-------3 个子类别
-------3 个子类别
主要类别 4
主要类别 5
主要类别 6
主要类别 7
主要类别 8
ng-hide="subuser.MainCategory !== user.index_id"
普伦克:http://plnkr.co/edit/NWL3K7ZMr6qgd9MFWG3N?p=preview
我希望这就是你要找的。 我不确定您要用所有代码完成什么,但这将隐藏任何不是嵌套在其中的项目的子类别的项目。
如果可以选择更改数据模型,则可以在 mainCategory 中嵌套子类别。 嵌套的ng重复往往工作得很好,它比使用ng-hide更干净。