1 var app = angular.module(‘ionicApp‘, [‘ionic‘]) 2  3 app.service(‘TodosService‘, function($q) { 4   return { 5     todos: [ 6       { 7         id: ‘1‘, 8         name: ‘Pick up apples‘, 9         done: false10       },11       {12         id: ‘2‘,13         name: ‘Mow the lawn‘,14         done: true15       }16     ],17     getTodos: function() {18       return this.todos19     },20     getTodo: function(todoId) {21       var dfd = $q.defer()22       this.todos.forEach(function(todo) {23         if (todo.id === todoId) dfd.resolve(todo)24       })25 26       return dfd.promise27     }28 29   }30 })

 1 app.config(function($stateProvider, $urlRouterProvider) { 2   $urlRouterProvider.otherwise(‘/todos‘) 3  4   $stateProvider 5   .state(‘todos‘, { 6     url: ‘/todos‘, 7     controller: ‘TodosCtrl‘, 8     templateUrl: ‘todos.html‘ , 9     resolve: {10       todos: function(TodosService) {11         return TodosService.getTodos()12       }13     }14   })15   .state(‘todo‘, {16     url: ‘/todos/:todoId‘,17     controller: ‘TodoCtrl‘,18     templateUrl: ‘todo.html‘   ,19     resolve: {20       todo: function($stateParams, TodosService) {21         return TodosService.getTodo($stateParams.todoId)22       }23     }24   })25 })

1 app.controller(‘TodosCtrl‘, function($scope,todos) {2   $scope.todos = todos;3 })4 5 app.controller(‘TodoCtrl‘, function($scope,todo) {6 7   $scope.todo = todo8 9 })