Angular: Empty Fiddle

http://angularjs.org/

by Alesei Narkevitch

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  <table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Assignment</th>
            <th>Created</th>
            <th>Last Modified</th>
            <th>Status </th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="assignment in Assignments | padTo:pageSize">
            <td>-{{assignment.AssignmentID}}</td>
            <td class="object leftAlign">{{assignment.AssignmentName}}</td>
            <td>{{assignment.AssignmentCreatedDate}}</td>
            <td>{{assignment.AssignmentModifiedDate}}</td>
            <td class="lastChild">{{assignment.AssignmentActiver}}</td>                    
        </tr>
    </tbody>
</table>
</div>

JavaScript

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

angular.module('myFilters', [])
.filter('padTo', function () {
    
    
    return function (input, count) {
        
        input.length = count;
        
        return input;
        
    }
});

function MyCtrl($scope) {
    $scope.pageSize = 15;
    
    $scope.Assignments = [
        {
            AssignmentID: 1,
            AssignmentName: 'test1',
            AssignmentCreatedDate: '1/1/2000',
            AssignmentModifiedDate: '1/1/2000',
            AssignmentActiver: '1/1/2000'
        },
        {
            AssignmentID: 2,
            AssignmentName: 'test2',
            AssignmentCreatedDate: '1/1/2000',
            AssignmentModifiedDate: '1/1/2000',
            AssignmentActiver: '1/1/2000'
        }
    ];    
}