角2ルートを変更するときにサービスインスタンスを維持する

Question

私は基本的にすべて同じものを使用している3つのコンポーネントDataServiceを持っています。同じデータのためではなく、全く同じ方法とパターンのためです：

@Component({ 
    templateUrl: './data-list-1.html', 
}) 
export class DataOne { 
    constructor(private dataService:DataService) { 
    } 
} 

@Component({ 
    templateUrl: './data-list-2.html', 
}) 
export class DataTwo { 
    constructor(private dataService:DataService) { 
    } 
} 

@Component({ 
    templateUrl: './data-list-3.html', 
}) 
export class DataThree { 
    constructor(private dataService:DataService) { 
    } 
} 

私はルート経由でコンポーネントを切り替えることができます。したがって、1つの質問は、どのようにコンポーネント内の異なるDataServicesの状態を保持することができるかということです。彼らは自分のデータと、それらすべてが自分のインスタンスを持っているのDataServiceの同じパターンを持っているものの、今

@Component({ 
    templateUrl: './data-list-1.html', 
}) 
export class DataOne { 
    constructor() { 
     this.dataService = new DataService(); 
    } 
} 

@Component({ 
    templateUrl: './data-list-2.html', 
}) 
export class DataTwo { 
    constructor() { 
     this.dataService = new DataService(); 
    } 
} 

@Component({ 
    templateUrl: './data-list-3.html', 
}) 
export class DataThree { 
    constructor() { 
     this.dataService = new DataService(); 
    } 
} 

：それぞれが異なるデータを保持しているので、私の知る限りでは、それは、DataServiceの異なるインスタンスが必要です。しかし、今のところ一つの問題は解決されていません。ルートを変更したときにDataServiceのインスタンスを保持するにはどうすればよいですか？

Answer 1

DataServiceは、各コンポーネントではなくAppModuleレベルで指定する必要があります。あなたが提供を行う

@Component({ 
    selector: "some", 
    templateUrl: "./some.component.html", 
    providers: [DataService] 
}) 
export class SomeComponent {}