Angular: Empty Fiddle

http://angularjs.org/

by boneskull

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <p>Current Iteration Index: {{iterations.currentIteration}}</p>
  <ul>
      <li ng-repeat="iteration in iterations.iterations|orderBy:'due'" ng-click="selectIteration($index)">
          {{$index+1}}: {{iteration.id}} - {{iteration.due|date:'short'}} <button ng-click="increment(iteration)">Increment by One Day</button>
      </li>
</div>

JavaScript

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

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

function MyCtrl($scope) {
    $scope.iterations = {
        currentIteration: 0,
        iterations: [{
            due: new Date(2011, 8, 30),
            id: 'foo'},
        {
            due: new Date(2011, 9, 1),
            id: 'bar'},
        {
            due: new Date(2011, 9, 2),
            id: 'baz'},
        {
            due: new Date(2011, 9, 3),
            id: 'spam'}]
    };
    $scope.selectIteration = function(index) {
        $scope.iterations.currentIteration = index;
    };
    $scope.increment = function(iteration) {
        iteration.due.setDate(iteration.due.getDate() + 1);
    };
}