Angular2 DI с декораторами ES2016?

Question

Это ближайший я получил on github

Моя служба

@Injectable() export class TodoService {}

Но я не уверен в том, чтобы ввести его в свой компонент, используя ES2016 декораторов. Возможно ли это, или являются декораторами, специфичными для скриптов? Я знаю, что в TS есть опция emitDecoratorMetadata.

Answer 1

1. Использование providers или viewProviders "предоставлять" услуги по компоненте:

2. Inject служба в компонент конструктора определение типов параметров:

@Component({ 
    // ... 
    providers: [TodoService] 
}) 
class TodoComponent() { 

    constructor(todoService: TodoService) { 
    this.todoService = todoService; 
    } 
} 

или с помощью Inject параметра декоратора.

@Component({ 
    // ... 
    providers: [TodoService] 
}) 
class TodoComponent() { 

    constructor(@Inject(TodoService) todoService) { 
    this.todoService = todoService; 
    } 
} 

Декораторы параметров не являются частью ES2016 (вы можете рассматривать его как специфический для TypeScript). Но они могут быть added to the standard later).

Если вы действительно хотите использовать ES6/ES7, использовать статический поглотитель для parameters:

@Component({ 
    // ... 
    providers: [TodoService] 
}) 
class TodoComponent() { 

    static get parameters() { 
    return [[TodoService]]; // you can also return just [TodoService] 
    } 

    constructor(todoService) { 
    this.todoService = todoService; 
    } 
} 

Кроме того, я рекомендую вам прочитать this article, чтобы лучше понять angular2 Dependency Injection.