在Angular 2中跨服务共享数据-Java 学习之路

我看了一下，但似乎没有关于Angular2中服务之间共享数据的材料 . 我有两个@Injectable（）服务，其中一个是广播数据的Singleton . 在另一个服务中，我有一些代码可以在Web音频轨道播放时更新名为progress的变量：

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

我正在寻找一种方法将上面代码中的_progress变量广播到另一个名为SharedService的@Injectable . 我甚至不需要在上面的代码中设置BehaviorSubject，因为每次onTimeUpdate触发时我都应该能够执行类似SharedService.setProgress（time）的操作 .

问题是，如何将SharedService添加到上面的代码中？当我尝试将它添加到构造函数时，它会抱怨因为有“new WebTrackAudio（variable，variable）”的调用 . 这是其他不完整的服务代码，可能会有些混乱：

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

我收到以下错误：

打字稿错误

提供的参数与呼叫目标的任何签名都不匹配 . ... / src / app / ionic-audio / ionic-audio-providers.ts create（track：ITrackConstraint）{let audioTrack = new WebAudioTrack（track.src，track.preload）; Object.assign（audioTrack，track）;

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 {}

回复于 2024-04-29T21:37:38+08:00

在Angular 2中跨服务共享数据

1 回答

相关问题