在组件之间共享数据 [英] Share Data Between Component

问题描述

我想在使用服务的组件之间共享数据.但是它没有按预期工作.

I want to share data between component using service. But It not working as expected.

组件

let myNum = 1;
sendChanges(myNum) {
    this.breadService.sendData$.next(myNum);
}

服务

public sendData$: Subject<any> = new Subject();
public setValue$: BehaviorSubject<any> = new BehaviorSubject(this.data);

兄弟姐妹

ngOnInit() {
    this.breadService.sendData$.subscribe(() => {
        this.breadService.setValue$.subscribe(data=>{
            this.id = data
            console.log(this.id);
        });
    });
}

推荐答案

好像您有多余的变量和订阅

Seems like you have redundant variable and subscription

组件

let myNum = 1;
sendChanges(myNum) {
    this.breadService.data$.next(myNum);
}

服务

public data$: BehaviorSubject<any> = new BehaviorSubject(this.data);

同级组件

ngOnInit() {
    this.breadService.data$.subscribe((data) => {
        this.id = data
        console.log(this.id);
    });
}

这篇关于在组件之间共享数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！