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)
    });
};

这在控制台日志中给出了一个陷阱。但是在其他地方用 setKey(2,3) 更新数据后，我期待 this.data.next(this.keys);向所有订阅者发送数据，数据将在该组件内相应地更新。但没有数据发送给订阅者..

我以为我想通了 Observables，但如果我错过了这里的要点，请不要友好 ;) 任何正确方向的指示将不胜感激!

Answer 1

我曾经遇到过同样的问题。原因很可能是您的服务不是单例，即每个订阅者都获得一个新实例。与 Angular 1 相反，在 A2 中服务不是单例。

如果你想让一个服务实例被多个服务/组件共享，把它放在你父级 @Component 或 @NgModule< 的 providers 中.

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