Блог

Я пытаюсь создать общий сервис для своего приложения.

 import { Injectable } from '@angular/core';

@Injectable()
export class SharedService {
  testService() {
    console.log('share!');
  }
}
  

Затем я ввожу его в провайдеры моего app.component, но когда я попытался вызвать его в конструкторе дочернего компонента, подобного этому: constructor(public sharedService: SharedService) {} У меня ошибка:
Can't resolve all parameters for MyComponent . Я также попытался внедрить его в своих провайдерах app.module и также получил эту ошибку. Что мне делать? Как правильно его внедрить? Может ли кто-нибудь привести пример правильного общего сервиса для приложения antire (в нем есть несколько модулей)?

У меня есть система маршрутизации, и я хочу иметь общий сервис и изменять его данные из компонента, модуль которого представлен в данный момент.

Я полагаю, что вы используете последнюю версию и хотите использовать одноэлементный сервис. Для этого вам необходимо зарегистрировать свой сервис, @NgModule({}) как показано здесь,

 import {Sharedservice} from 'valid path';

@NgModule({
   imports:[BroswerModule],
   ...
   providers:[SharedService]
})
  

Теперь в дочернем и родительском компонентах просто импортируйте Sharedservice в начало файла.

ПРИМЕЧАНИЕ: удалить providers:[SharedService] из каждого компонента.

Вам нужно указать, кто является поставщиком для этой службы, с providers помощью ключевого слова @Component или @NgModule аннотации. Это хорошо документировано уже миллионы раз, см.:

• https://angular.io/docs/ts/latest/guide/dependency-injection.html #!#поставщики инжекторов

• https://angular.io/docs/ts/latest/guide/ngmodule.html #!#провайдеры

• https://angular.io/docs/ts/latest/cookbook/component-communication.html

• https://angular.io/docs/ts/latest/cookbook/dependency-injection.html