在Angular2中跨服務共享數據

Question

我已經環顧了一下，但似乎沒有關於在Angular2中的服務之間共享數據的材料。我有兩個@Injectable（）服務，其中一個是單播數據廣播。在其他服務，我有一些代碼作爲Web音軌播放，更新一個名爲進度變量：

import { SharedService } from '../shared.service'; 

... 

@Injectable() 
export class WebAudioTrack implements IAudioTrack { 
    public _progress: number = 0; 
    ... 
    constructor(public src: string, @Optional() public preload: string = 'none', @Optional() private ctx: AudioContext = undefined) { 
    // audio context not needed for now 
    // this.ctx = this.ctx || new AudioContext(); 
    this.createAudio(); 
    } 
    private onTimeUpdate(e: Event) { 
    if (this.isPlaying && this.audio.currentTime > 0) { 
     # I want to do something like SharedService.setProgress(this.audio.currentTime) here 
     this._progress = this.audio.currentTime; 
     this._completed = this.audio.duration > 0 ? Math.trunc (this.audio.currentTime/this.audio.duration * 100)/100 : 0; 
    } 
    } 

我正在尋找一種方式來廣播以上到另一個@Injectable稱爲SharedService在代碼中_progress變量。我甚至不需要在上面的代碼中設置BehaviorSubject，因爲每次onTimeUpdate觸發時我都應該可以像SharedService.setProgress（time）那樣執行一些操作。

問題是，如何將SharedService添加到上面的代碼？當我嘗試將它添加到構造函數中時，它會抱怨，因爲有調用「新WebTrackAudio（變量，變量）」。這是其他服務代碼，這是不完整的，可能會有點混淆：

@Injectable() 
export class SharedService { 
    progress: number; 

    setProgress(progress: number) { 
     console.log(progress); 
     this.progress = progress; 
    } 
    getProgress() { 
     return this._webTrack._progress; 
    } 

} 

謝謝！

當我更新的第一個服務的構造，包括SharedService像這樣：

constructor(public src: string, @Optional() public preload: string = 'none', @Optional() private ctx: AudioContext = undefined, public sharedService: SharedService) { 
    // audio context not needed for now 
    // this.ctx = this.ctx || new AudioContext(); 
    this.createAudio(); 
    } 

我收到以下錯誤：

打字稿錯誤

Supplied parameters do not match any signature of call target.

.../src/app/ionic-audio/ionic-audio-providers.ts

create(track: ITrackConstraint) {

let audioTrack = new WebAudioTrack(track.src, track.preload);

Object.assign(audioTrack, track);

Answer 1

import { SharedService } from '../shared.service'; 

... 

@Injectable() 
export class WebAudioTrack implements IAudioTrack { 
    public _progress: number = 0; 
    ... 

    constructor(private sharedService:SharedService) {} 

    private onTimeUpdate(e: Event) { 
    if (this.isPlaying && this.audio.currentTime > 0) { 
     # I want to do something like this.sharedService.setProgress(this.audio.currentTime) here 
     this._progress = this.audio.currentTime; 
     this._completed = this.audio.duration > 0 ? Math.trunc (this.audio.currentTime/this.audio.duration * 100)/100 : 0; 
    } 
    } 

確保提供兩項服務，如

@NgModule({ 
    ..., 
    providers: [WebAudioTrack, SharedService], 
}) 
export class AppModule {}