AngularJS Starter Fiddle

A fiddle to fork for doing AngularJS Fiddles. Version 1.0.5

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>
<div ng-controller="AppCtrl">
<table>
    <tr>
        <th style="width:100px;" ng-click="pred='name'">name</th>
        <th style="width:100px;">id</th>
        <th style="width:100px;" ng-click="pred='point'">point</th>
    </tr>
    <tbody ng-repeat="user in ranking | orderBy:pred">
    <tr ng-repeat="tab in user.tabs | orderBy:'tabId'">
        <td style="width:100px;">{{user.name}}{{pred}}</td>
        <td style="width:100px;">{{tab.tabId}}</td>
        <td style="width:100px;">{{tab.points}}</td>
    </tr>
    </tbody>
</table>
   
</div>

JavaScript

var app = angular.module('app', []);


function AppCtrl($scope) {
$scope.currentTab = 1
$scope.ranking = [

    {
        'uId': 2,
            'name': 'Jeremy',
            'tabs': [{
            'tabId': 1,
                'points': 100,
        }, {
            'tabId': 2,
                'points': 10
        }],

    },

    {
        'uId': 3,
            'name': 'Jordon',
            'tabs': [{
            'tabId': 1,
                'points': 180,
            },{
            'tabId': 2,
                'points': 5
        }],
    }]
}