Как реализовать группировку второго уровня с использованием библиотеки угловых фильтров?

Question

#Permission Category: Code 
    Permission: Add Role: Developer 
    Permission: Edit Role: Developer 
    Permission: Delete Role: Developer 
    Permission: Delete Role: Project Lead 
#Permission Category: Project 
    Permission: Add Role: Admin 
    Permission: Edit Role: Project Manager 
    Permission: Delete Role: Project Manager 
    Permission: Delete Role: Product Owner 
#Permission Category: Testing 
    Permission: Add Role: Tester 
    Permission: Edit Role: Tester 
    Permission: Edit Role: Test Lead 
    Permission: Delete Role: Test Lead 

В структуре JSON выше у меня есть повторяющиеся записи из моего источника REST .. напр:

Permission: Delete Role: Developer 
    Permission: Delete Role: Project Lead 

    Permission: Edit Role: Tester 
    Permission: Edit Role: Test Lead 

Вместо этого я хотел бы, чтобы это будет отображаться в интерфейсе как:

Permission: Delete Role: Developer 
        Role: Project Lead 

    Permission: Edit Role: Tester 
        Role: Test Lead 

Как Должен ли я достичь этого с помощью Angular-Filter?

Пожалуйста найти JSBin URL здесь: http://jsbin.com/helanefegu/1/edit?html,js,output

Я хотел бы достичь что-то подобного здесь: https://coyotecrk.files.wordpress.com/2011/10/blog2-jira-3.png

Answer 1

Надеется, что это помогает:

Permission Category: {{ key }} 
    <li ng-repeat="(name, roles) in value | groupBy: 'name'"> 
     Permission: {{ name }} 
    Role: <span ng-repeat="role in roles" ng-bind="role.role"></span> 
    </li>