javascript - 在两个angular2组件 typescript 文件之间传递值

我有两个不是父级和子级组件的组件，但我需要将值从组件A传递到组件B。

例：

src / abc / cde / uij / componentA.ts具有变量CustomerId =“ ssss”

需要将变量customerID粘贴到src / abc / xyz / componentB.ts

最佳答案

简单的例子：

成分A：

@Component({})
export class ComponentA {
    constructor(private sharedService : SharedService) {}

    sendMessage(msg : string) {
       this.sharedService.send(msg);
    }
}

成分B：

@Component({})
export class ComponentB {
    constructor(private sharedService : SharedService) {
       this.sharedService.stream$.subscribe(this.receiveMessage.bind(this));
    }

    receiveMessage(msg : string) {
       console.log(msg); // your message from component A
    }
}

共享服务：

@Injectable()
export class SharedService {
    private _stream$ = new Rx.BehaviorSubject("");
    public stream$ = this._stream$.asObservable();

    send(msg : string) {
      this._stream$.next(msg);
    }
}

共享服务必须放在相同的NgModule中。