角度ng重复取决于先前的ng重复



我已经在这个问题上停留了两天,一直无法找到合适的问题/示例来帮助我解决问题。

基本上,我试图使用 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更干净。

相关内容

  • 没有找到相关文章

最新更新