Angular2 Observable BehaviorSubjectサービスが動作しない

Question

私は自分自身の観測可能なサービスを作成しようとしていますが、サービスからの初期データを取得した後、サービスの更新はどのサブスクライバにも伝播しません。サービスは次のようになります。

import { Injectable } from '@angular/core'; 
import { Observable, BehaviorSubject } from 'rxjs/Rx'; 

@Injectable() 
export class DataService { 
    keys : number[] = [4,5,1,3,2]; 
    private data :BehaviorSubject<number[]> = new BehaviorSubject(this.keys); 

    constructor() {}; 

    public setKey(i:number, val:number) :void { 
    this.keys[i]=val; 
    this.data.next(this.keys); 
    } 
    public getData() :Observable<number[]> { 
    return new Observable(fn => this.data.subscribe(fn)); 
    } 
    public getKeys() :number[] { 
    return this.keys; 
    } 
} 

サービスを使用するコンポーネントは、初期データを正しく取得します。そのコンポーネントはコンストラクタでデータを取得します。

constructor(public dataService: DataService) { 
    dataService.getData().subscribe(data => { 
     console.log("Gotcha!"); 
     this.data.datasets[0].data = data) 
    }); 
}; 

これは、コンソールログに1つのGotchaを与えます。しかし、他の場所でsetKey（2,3）を使ってデータを更新した後、私は this.data.next（this.keys）;を期待していました。 を使用してすべてのサブスクライバにデータを送信し、データはそれに応じてそのコンポーネント内で更新されます。しかし、データは、購読者に送信されません..

私はObservablesを考え出したと思ったが、私はここでポイントを欠場している場合は親愛なるではありませんしてください;）正しい方向の任意のポインタは非常に感謝されます！

Answer 1

値を発行するたびに、同じ変更されたオブジェクトを発行するのではなく、新しいオブジェクトを作成する必要があります。それは変化の検出の問題からあなたを守ります。新しいオブジェクトをthis.keysに変更するときは、常にそれを割り当てることをお勧めします。

this.data.next([...this.keys]); 

あなたは

public getData(): Observable<number[]> { 
    return this.data.asObservable(); 
} 

はまた ギュンターZöchbauerが言ったことを確認してくださいここ asObservable()を使用することができます。サービスをシングルトンとして提供していますか？

Answer 2

私はある時点で同じ問題に直面しました。その理由は、サービスがシングルトンではなく、つまりすべての加入者が新しいインスタンスを取得するという理由が考えられます。 Angular 1と​​は対照的に、A2サービスではシングルトンではありません。

サービスの1つのインスタンスを複数のサービス/コンポーネントで共有したい場合は、の親@Componentまたは@NgModuleに入れます。

@NgModule({ 
    declarations: [], 
    imports: [], 
    bootstrap: [AppComponent], 
    providers: [DataService] 
}) 
export class AppModule { 
}