在Angular中，有多种方式可以实现组件之间的消息传递，例如：

1. 通过输入属性（@Input）和输出属性（@Output）进行父子组件之间的通信。 示例代码：

parent.component.ts:

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

@Component({
  selector: 'parent-component',
  template: `
    
    Received Message: {{message}}
  `
})
export class ParentComponent {
  message: string;

  receiveMessage($event) {
    this.message = $event;
  }
}

child.component.ts:

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'child-component',
  template: `
    Send Message
  `,
})
export class ChildComponent {
  @Output() messageEvent = new EventEmitter();

  sendMessage() {
    this.messageEvent.emit('Hello World!');
  }
}

2. 利用服务（Service）进行不同组件之间的通信。 示例代码：

message.service.ts:

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

@Injectable({ providedIn: 'root', }) export class MessageService { private messageSource = new BehaviorSubject(''); currentMessage = this.messageSource.asObservable();

changeMessage(message: string) { this.messageSource.next(message); } }

parent.component.ts:

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

@Component({ selector: 'parent-component', template: {{message}} }) export class ParentComponent { message: string;

constructor(private messageService: MessageService) { this.messageService.currentMessage.subscribe(message => this.message = message) } }

child.component.ts:

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

@Component({ selector: 'child-component', template: Send Message , }) export class ChildComponent { constructor(private messageService: MessageService) {}

sendMessage() { this.messageService.changeMessage('Hello World!'); }