I am creating simple starter app to play with angular 2 and i am trying to make a todo service and inject him to my component and i get this error:

No provider for TodoService! (TodoList -> TodoService)

TodoService.ts

export class TodoService {

 todos: Array<Object>

 constructor() {

   this.todos = [];

 }

}

app.ts

/// <reference path=typings/angular2/angular2.d.ts />



import {Component, View, bootstrap, For, If} from 'angular2/angular2';

import {TodoService} from './TodoService'



@Component({

  selector: 'my-app'

})



@View({

  templateUrl: 'app.html',

  directives: [For, If],

  injectables: [TodoService]

})



class TodoList {

 todos: Array<Object>

  constructor(t: TodoService) {

    this.todos = t.todos

  }



  addTodo(todo) {

    this.todos.push({

      done:false,

      todo: todo.value

    });

  }

}



bootstrap(TodoList);

What is the problem?