2014-12-02 6 views
0

필자는이 문제에 2 일 동안 고착하여 문제를 해결할 수있는 적절한 질문/예를 찾을 수있었습니다.이전 ng-repeat에 대한 Angular ng-repeat

기본적으로 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

+0

중첩 된 반복을 사용해야하는 소리가 – Rafael

답변

1
ng-hide="subuser.MainCategory !== user.index_id" 

Plunker는 : http://plnkr.co/edit/NWL3K7ZMr6qgd9MFWG3N?p=preview 나는 희망

이 무엇을 당신 찾고있어. 정확히 어떤 코드를 사용하여 수행하려고하는지 확신 할 수 없지만 중첩 된 항목의 하위 카테고리가 아닌 항목은 숨겨집니다.

데이터 모델을 변경할 수있는 옵션이있는 경우 mainCategories 내에 하위 범주를 중첩 할 수 있습니다. 중첩 된 반복은 잘 작동하는 경향이 있으며 ng-hide를 사용하는 것보다 더 깨끗합니다.

+0

입니다. 나는 필터 비트가 문제가있는 같은 유형의 로직을 수행하려고 노력했다. ng-hide가 티켓이었다 - 도움에 감사한다! 중첩 된 반복에 대한 마지막 진술에 관해서, 나는 그것이 내가하고있는 것이라고 생각했다. –

+0

예, 기술적으로 중첩 반복을 수행하고 있습니다. 그러나 플랫 데이터 구조는 ng-repeats와는 잘 작동하지 않습니다 (이전에 보았 듯이). 하위 카테고리가 주요 카테고리 내에 중첩되도록 구조를 변경할 수 있으면 ng-repeat가 숨기기와 모든 것을 처리합니다. 예 : http://plnkr.co/edit/iDfEEaDa7FTj44hulpwI?p=preview –

+0

그게 당신에게 옵션인지 모르겠다. 나는 앵글 러가 그 유형의 구조화에 더 잘 부합한다고 말한다. –