Javascript 如何使用角度过滤器库实现二级分组？

在上面的JSON结构中，我有来自REST源代码的重复列表。。例如：

#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

相反，我希望它在UI中显示为：

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

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

如何使用角度过滤器实现这一点

请在此处找到JSBin URL：

我想实现与此类似的目标：

希望这有助于：

  Permission: Delete Role: Developer
                     Role: Project Lead

  Permission: Edit Role: Tester
                   Role: Test Lead

权限类别：{{key}

权限：{{name}
角色：

使用上述答案更新代码：

  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>