todo.controller.js

(function() {
  angular.module('ToDoApp')
  .controller('ToDoController', ['ToDoService', function(ToDoService) {
    var ToDoController = this;
    
    ToDoController.selected = null;
    ToDoController.todos = [];

    ToDoController.foo = 'Testing';

    ToDoController.selectToDo = selectToDo;

    ToDoService().get()
    .then(function(todos) {
      ToDoController.todos = ToDoController.todos.concat(todos);
      ToDoController.selectToDo(todos[0]);
    });

    function selectToDo(todo) {
      if (todo) self.selected = todo;
    }
  }]);
})();

todo.js

(function() {

  'use strict';

  angular.module('ToDoApp', ['ngMaterial']);
})();

todo.model.js

(function() {
  'use strict';

  angular.module('ToDoApp')
  .service('ToDo', function() {
    return function(title, description) {

      title = title || '';
      description = description || '';

      var ToDo = {
        title: title,
        description: description
      };

      return ToDo;
    }
  });
})();

todo.service.js

(function() {
  angular.module('ToDoApp')
  .service('ToDoService', ['$q', 'ToDo', function($q, ToDo) {

    var todos = [
        ToDo('ToDo 1', 'Write ToDo in Angular'),
        ToDo('ToDo 3', '???'),
        ToDo('ToDo 4', 'profit')
    ];

    return function() {
      var ToDoService = {};

      ToDoService.get = get;

      function get() {
        return $q.when(todos);
      }

      return ToDoService;
    };
  }]);
})();