我需要一段angular实现消息监听代码

好的，下面是一段基本的 Angular 代码，用于实现消息监听：

import { Component, OnInit } from '@angular/core';
import { MessageService } from './message.service';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <p>Received message: {{ message }}</p>
    </div>
  `,
})
export class AppComponent implements OnInit {
  message: string;

  constructor(private messageService: MessageService) {}

  ngOnInit() {
    this.messageService.subscribe((msg: string) => {
      this.message = msg;
    });
  }
}

在这个组件中，我们注入了一个名为 `MessageService` 的服务，并在 `ngOnInit` 生命周期钩子中订阅了该服务的消息。当服务接收到新消息时，它会调用我们传递的回调函数并更新 `message` 变量，从而在组件模板中显示新消息。

下面是一个简单的 `MessageService` 实现，用于发送和接收消息：

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

@Injectable({
  providedIn: 'root',
})
export class MessageService {
  private messageSubject = new Subject<string>();

  subscribe(callback: (msg: string) => void) {
    this.messageSubject.subscribe(callback);
  }

  sendMessage(message: string) {
    this.messageSubject.next(message);
  }
}

这个服务中包含一个 `Subject` 对象，用于处理消息。 `subscribe` 方法用于订阅消息， `sendMessage` 方法用于发送新消息。