Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller='MyCtrl'>
    <input type="search" ng-model="filters.name">
     <div ng-repeat="person in people | filter:nameFilterFn | orderBy: ['clockedIn', '-userLastName'] ">
      <p>{{person.userName}}</p>
      <p>{{person.clockedIn}}</p>
    </div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {

    $scope.filters = {};
    
    $scope.nameFilterFn = function (val) {
        if(!$scope.filters.name) return true;  // empty filter
        else if(val.userName.toLowerCase().indexOf($scope.filters.name.toLowerCase()) != -1) return true;
        else return false;
    };
    
    $scope.people = [
        {
            userName: 'Ida Jarvis',
            userFirstName: 'Ida',
            userLastName: 'Jarvis',
            clockedIn: 0
        },
        {
            userName: 'Candy Davis',
            userFirstName: 'Candy',
            userLastName: 'Davis',
            clockedIn: 0
        },
        {
            userName: 'Adam Bart',
            userFirstName: 'Adam',
            userLastName: 'Bart',
            clockedIn: 1
        },
        {
            userName: 'Ernest Frank',
            userFirstName: 'Ernest',
            userLastName: 'Frank',
            clockedIn: 0
        },
        {
            userName: 'Greg Hart',
            userFirstName: 'Greg',
            userLastName: 'Hart',
            clockedIn: 0
        }
    ];
}