無効なプロバイダ

Question

私はプロバイダにいくつかの問題があります。コンポーネントで新しいカスタムプロバイダをインポートしようとしましたが、機能しません。 この第二のプロバイダは私が作ったとうまく動作最初のものに基づいています...

これは私のプロバイダである：

import { Injectable} from "@angular/core"; 
import { Router, Routes } from '@angular/router'; 

import ... // All components needed 

@Injectable() 
export class RoutesHelper { 

    private userRoutes: Routes = [ 
     { path: '' , component: HeaderComponent, outlet: 'header' }, 
     ... 
    ]; 


    constructor(
    private router:Router 
    ) {} 

    public load() { 
     this.router.resetConfig(this.userRoutes); 
    } 
} 

そして、これが私の「QuestionComponent」

import { Component, OnInit } from '@angular/core'; 
import { RoutesHelper } from '../_utils/routes.helper'; 

@Component({ 
    selector: 'questions-list', 
    templateUrl: './app/question/questions.component.html', 
    providers: [RoutesHelper] 
}) 

export class QuestionsComponent implements OnInit { 

    constructor(private routes:RoutesHelper) {} 

    ngOnInit() { 
    this.routes.load(); 
    } 
} 

ですが私はこのエラーがあります： "QuestionsComponent"のプロバイダが無効です - プロバイダとタイプのインスタンスのみが許可されています：[？undefined？]

なぜ私は "未定義"のオブジェクトを持っていないのか分かりません。このエラーもありません。

ありがとうございました。

Answer 1

プロバイダのリンクをapp.module.tsファイルにインポートします。

import {RoutesHelper} from 'your path';

app.module.tsプロバイダリストにプロバイダクラス名を含めます。

プロバイダ：[RoutesHelper、//あなたの他のプロバイダ...]、ただそれだけですRoutesHelperリンクをインポートあなたのQuestionComponentで

。プロバイダを定義する必要はありません。

Answer 2

問題解決済み。

コンポーネントでインポートされたプロバイダのインポートコンポーネントによる最後のエラー（再帰インポート）を回避します。 は、私はこれを使用：userRoutesは私がオーバーライドしたいし、それが動作するだけコンセントが含まれてい

var userRoutes: Routes = [ 
    { path: '' , component: LeftComponent, outlet: 'left' }, 
    { path: '' , component: EmptyComponent, outlet: 'footer' }, 
    { path: '' , component: HeaderComponent, outlet: 'header' } 
]; 

var all = userRoutes.concat(this.router.config); 
this.router.resetConfig(all); 

。