Angular 7：Observable 未能发出事件

Question

我正在使用 Observable 实现组件通信，但不知何故我无法通过 observable 订阅 emmited 事件，请在下面找到我的代码

服务代码：

import { Observable, Subject } from 'rxjs';
export class MessageService {
    private subject = new Subject<any>();

    sendMessage(message: string) { 
        console.log('sendMesg',message)
        this.subject.next({ text: message });
    }
    clearMessage() {
        this.subject.next();
    }

    getMessage(): Observable<any> {
        console.log("in Message");
        return this.subject.asObservable();
    }
}

组件 1 代码

  this.http.postMethod("report/PrintReport", data).subscribe((res: any) => {
          if (res.Message == 'Print Successfull') {
            this.messageService.sendMessage('Print Successfull');
            swal("Print Successfull..!", "", "success");

          } else {
            this.messageService.sendMessage('Print Failed');
            swal("Print Failed", "", "error");
          }
        }, err => {
          this.errorHandling.checkError(err.status);
        });

组件 2 代码：

    ngOnInit() {
    this.messageService.getMessage().subscribe(res =>{ 
    console.log('res', res); 
    }, err => {
    console.log('errrorr', err) })
    }

我能够从服务中记录sendMessage 函数，但我无法记录getMessage 函数给出的结果，该函数在component 2 上订阅

Answer 1

确保两个组件的提供者没有不同。您的服务应该在两个组件的根模块中注册，它们可以共享相同的服务实例

确保您已在 app.module 中注册服务以在组件之间共享公共实例。

Answer 2

而不是这个，

getMessage(): Observable<any> {
        console.log("in Message");
        return this.subject.asObservable();
    }

你能把它变成简单的道具吗？

message$ = this.subject.asObservable();

并将其在其他组件中称为，

ngOnInit() {
    this.messageService.message$.subscribe(res =>{ 
    console.log('res', res); 
    }, err => {
    console.log('errrorr', err) })
    }

您可能在某处丢失了可观察的引用。