Eğik 2 Hayır sağlayıcı hatası

Question

Ben açısal 2 ile oynamak için basit marş uygulamasını oluşturma ve ben bir yapılacaklar hizmetini yapmak ve benim bileşene onu enjekte çalışıyorum ve ben bu hatayı alıyorum: TodoService için

yok sağlayıcı ! (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); 

sorunu nedir

? için

@Component({ 
    selector: 'my-app' 
}) 

@View({ 
    templateUrl: 'app.html', 
    directives: [For, If], 
    injectables: [TodoService] // moving this line 
}) 

Değişim it:

@Component({ 
    selector: 'my-app', 
    injectables: [TodoService] // to here 
}) 

@View({ 
    templateUrl: 'app.html', 
    directives: [For, If] 
}) 

Bu DI onu almak ve enjekte sağlayacak

Answer 1

enjektabl You have @View

üzerinde @Component değil belirtilir senin bileşenine. son Açısal versiyonda

Answer 2

, örneğin, yerine enjekte edilebilir maddelerin sağlayıcıları kullanmak zorunda: Bunun

@Component({ 
    selector: 'my-app', 
    providers: [TodoService] 
})