Сервис Angular 2 не внедряется в компонент
У меня есть служба, определенная в моем приложении Angular2 (2.0.0-beta.0). Это что-то вроде этого:
import {Injectable} from "angular2/core";
@Injectable()
export class MyService {
constructor() {
}
getSomething() {
return 'something';
}
}
Я перечислил его в моей функции bootstrap () в главном файле приложения, чтобы он был доступен для моего кода в целом:
bootstrap(App, [MyService, SomeOtherService, ROUTER_DIRECTIVES[);
Иногда я не могу использовать сервис в компоненте, хотя у меня есть что-то вродеmyService:MyService
в компонентеconstructor()
функция, как это:
import {MyService} from '../services/my.service';
@Component({
selector: 'my-component',
directives: [],
providers: [],
pipes: [],
template: `
<div><button (click)="doStuff()">Click Me!</button></div>
`
})
export MyComponent {
constructor(myService:MyService) {} // note the private keyword
doStuff() {
return this.myService.getSomething();
}
}
В других местах работает нормально. В местах, где это не работает, я получаю сообщение, например, если я пытаюсь получить к нему доступ:
EXCEPTION: TypeError: Cannot read property 'getSomething' of undefined
Это в основном означает, что услуга не была введена.
Что заставляет это не быть введенным?