Я хочу, чтобы внедрить услугу другой службы:Угловая 2: Услуга Inject для другой службы. (Нет ошибки поставщика)
@Injectable()
export class Dispatcher {
}
@Injectable()
export class TodoStore {
constructor(@Inject(Dispatcher) dispatcher:Dispatcher){
}
}
Но я всегда получаю ошибку: Нет поставщика для диспетчера!
Спасибо.
Вам нужно provide ваше обслуживание где-нибудь. Пожалуйста, обратитесь к angular2 docs
Вы могли бы обеспечить его бутстраповский метод:
bootstrap(AppComponent,[TodoStore,Dispatcher]);
или компонент приложения:
@Component({
...
providers:[TodoStore,Dispatcher]
}
...
Или в любом другом компоненте, в зависимости от ваших потребностей.
Кроме того, в конструкторе не требуется @Inject(Dispatcher). Это в основном так же, как
constructor(dispacher:Dispatcher){
}
Ах да, добро пожаловать :) ТАК
Мне все еще нужен '@Inject (Dispactcher)' в конструкторе, чтобы он работал. –
Как насчет того, вызван ли метод async? вы не можете получить доступ к тому, который был введен в конструктор, вам все равно нужно вставить его самому методу. Так: служба @Inject ('Service') –
@AlejandroLora Я не уверен, что правильно понял вашу точку. Но, я думаю, вы используете «это» неправильно. Если моя догадка правильная, ваша проблема не связана с инъекцией. См. [Этот пост] (http://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-context-inside-a-callback). Если мое предположение неверно, просьба предоставить плункеру пример проблемы. – Abdulrahman
Благодарю за ответ.
Поскольку это не компонент, решение @Component (...) не применяется.
bootstrap(AppComponent,[TodoStore,Dispatcher]);
решение работает. Но это делает это main.ts центральным местом.
Почему, по вашему мнению, '@Component()' не работает? '@Component()' - это место, где вы регистрируете провайдера, он все равно может быть инжектором для службы. –
@ GünterZöchbauer, но служба не имеет декоратора @ Component, поэтому, если вы хотите входить в службу внутри другой службы, вы вынуждены включать ее в bootstrap(), почему можно указать поставщика в компоненте @ и всех его потомках ; но не в простом сервисе parent .. без @ Component decorator, просто в простом классе. Пример: mock.service.ts: import {Injectable} из '@ angular/core'; импорт {HEROES} из './mock-heroes'; @Injectable() export class MockService { getHeroes() {return HEROES; } } – stackdave
Я вижу. '@Component()' не упоминался в вопросе, поэтому я задавался вопросом, почему это вообще было упомянуто в ответе. –
Попробуйте это:
myMainService.ts
import { myOtherService } from 'myOtherService';
export class myMainService {
constructor() {
let myOtherService = new myOtherService();
}
}
myOtherService.ts
export class myOtherService {
constructor() {
console.log('service was imported');
}
}
Это не так, как это сделать, поскольку зависимость не вводится, а жестко связана. Подумайте о том, чтобы написать специализированный поставщик услуг, в котором вы создаете, ввести «другую услугу» в свою «главную службу», – cmonsqpr
Массив провайдеров доступен в @NgModule. Вы можете предоставить свою услугу, объявив свою службу в этом массиве.
@NgModule({
declarations:[...],
imports:[...],
providers: [MyCustomService],
bootstrap:[AppComponent]
})
'@Inject (Dispatcher)' избыточно, если тип параметра тот же. –
В моей настройке вы можете просто импортировать услугу, как вы делаете в компоненте, а затем вводить то, что у вас есть, и оно будет работать. В основном вам просто не хватает импорта – Huangism