在两个组件之间共享数据，而不考虑父组件和子组件-角度2

Question

我一直在使用BehaviorSubject在组件之间共享数据。也就是说，相对url/文章属于ArticleComponent。然后是ArticlelistComponent中的/article/list，它包含一个带有文章细节列表的表。我面临的问题是，ngOnInit只能在页面重新加载时工作。最初，只有默认值{}反映在articlecomponent中，这只是我为BehaviorSubject设置的默认结果。当我单击table中的一行时，该数据不会在NgonInit中自动更新和订阅。旧值{}始终保留。我不确定将其放置在何处以使更改立即反映出来。请帮助解决。我的代码如下:

articleList.Component.ts

getSpecificDetail(value){
        this.articleService.getArticleDetail(value);
   }

article.service.ts

 public articledata=new BehaviorSubject<Object>({});
    currentdata=this.articledata.asObservable();
  getArticleDetail(data){         //data comes from articlelist.component
          return this.articledata.next(data);
    }

article.component.ts

 ngOnInit(){
    this.articleService.currentdata.subscribe(data=>{
    this.data=data;
    console.log(this.data);
    })
   }

编辑：我在Angular2:RXJS主题不响应事件中扩展了我的观察

Answer 1

根据您对该数据的操作，在绑定到该数据的组件之间共享数据的另一种方法是利用Angular的更改检测，而不是使用您自己的BehaviorSubject。

import { Injectable } from '@angular/core';

@Injectable() 
export class DataService {
  serviceData: string; 
}

我在这里有一篇关于它的博客文章：https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

这里有一个柱塞:https://plnkr.co/edit/kt4jlmpcwgbm2xdzqei9?p=preview