1.利用@Input()和@Output()装饰器在父子组件之间进行通信。

在子组件中，使用@Input()装饰器将从父组件接收到的数据绑定到组件中的相应变量上：

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

@Component({ selector: 'child-component', template: '{{childInfo}}' }) export class ChildComponent { @Input() childInfo: string; }

在父组件中，使用@Output()装饰器和EventEmitter实例来触发自定义事件，将数据发送到子组件：

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

@Component({ selector: 'parent-component', template: 'Send' }) export class ParentComponent { parentData: string = 'Hello, child!';

@Output() dataEvent = new EventEmitter();

sendData() { this.dataEvent.emit(this.parentData); } }

2.使用服务来在组件之间进行通信

创建服务：

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

@Injectable({ providedIn: 'root' }) export class DataService { private dataSource = new Subject(); data$ = this.dataSource.asObservable();

sendData(data: string) { this.dataSource.next(data); } }

在父组件中注入服务并使用sendData()方法发送数据：

import { Component } from '@angular/core'; import { DataService } from './data.service';

@Component({ selector: 'parent-component', template: 'Send' }) export class ParentComponent { parentData: string = 'Hello, child!';

constructor(private dataService: DataService) {}

sendData() { this.dataService.sendData(this.parentData); } }

在子组件中注入服务并使用data$可观察对象订阅数据：

import { Component } from '@angular/core'; import { DataService } from './data.service';

@Component({ selector: 'child-component',