可观察角度9的推动元件

Question

我有一个可观察的，可观察的是存储在本地存储器中的一组对象（视频）。我有这样的“功能”将新视频推送到阵列中：视频是一个接口

    videoList: BehaviorSubject<Video[]> = new BehaviorSubject(JSON.parse(localStorage.getItem('videos') || '[]'));

    setVideo(video: Video): Observable<Video> {
            return this.videoList.pipe(
              switchMap(videoList => {
                videoList.push(video);
                localStorage.setItem('videos', JSON.stringify(videoList));
                this.videoList.next(videoList);
                return of(video);
               })
            );
           }

在其他组件中，我将其称为推送新对象（视频），如下所示：

openDialog(): void {
    const dialogRef = this.dialog.open(AddVideoFormComponent);
    dialogRef.afterClosed().subscribe(data => {
      data.id = this.index++;
      this.videoService.setVideo(data);
      this.table.renderRows();
    });
  }

但这行不通，我知道这是我的错。在observable之前，我使用了经典的常量和函数，工作得很好，现在我在observable方面遇到了麻烦。有人告诉我，我需要订阅一个管道，但我找不到任何地方如何做到这一点。对我来说，可见物是新事物，非常令人困惑。

Answer 1

如果目标是更新视频列表的值，则可以改为：

setVideo(video: Video) {
  const updatedValue = [
    ...this.videoList.value,
    video,
  ];
  this.videoList.next(updatedValue)
  localStorage.setItem('videos', JSON.stringify(updatedValue));
}

这简化了上述setVideo方法，而无需使用管道（）。