在Angular中，可以使用以下几种方法进行组件之间的数据共享：

1. 使用父子组件之间的输入输出属性： 通过在父组件中将数据传递给子组件的输入属性，并在子组件中通过输出属性将数据传递回父组件。这种方法适用于父子组件之间的数据共享。

父组件：

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

@Component({
  selector: 'app-parent',
  template: `
    
Parent Component
    
    
Data from Child Component: {{ childData }}
  `,
})
export class ParentComponent {
  parentData: string = 'Hello from parent component';
  childData: string;

  onDataChanged(data: string) {
    this.childData = data;
  }
}

子组件：

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

@Component({
  selector: 'app-child',
  template: `
    
Child Component
    
Data from Parent Component: {{ data }}
    Change Data
  `,
})
export class ChildComponent {
  @Input() data: string;
  @Output() dataChanged: EventEmitter = new EventEmitter();

  changeData() {
    this.dataChanged.emit('Data changed from child component');
  }
}

2. 使用共享服务： 创建一个共享服务，该服务包含要共享的数据和相关的方法。然后在需要访问共享数据的组件中注入该服务，并通过调用服务中的方法来访问和修改数据。

共享服务：

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

@Injectable({
  providedIn: 'root',
})
export class DataService {
  sharedData: string = 'Shared data';

  updateData(newData: string) {
    this.sharedData = newData;
  }
}

组件：

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

@Component({
  selector: 'app-component1',
  template: `
    
Component 1
    
Data from Service: {{ dataService.sharedData }}
    Update Data
  `,
})
export class Component1Component {
  constructor(public dataService: DataService) {}

  updateData() {
    this.dataService.updateData('Updated data from Component 1');
  }
}

@Component({
  selector: 'app-component2',
  template: `
    
Component 2
    
Data from Service: {{ dataService.sharedData }}
    Update Data
  `,
})
export class Component2Component {
  constructor(public dataService: DataService) {}

  updateData() {
    this.dataService.updateData('Updated data from Component 2');
  }
}

3. 使用路由参数： 如果组件之间通过路由进行导航，可以使用路由参数来传递数据。在发送组件中，通过路由参数将数据传递给目标组件，在目标组件中通过ActivatedRoute服务来获取路由参数。

发送组件：

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

@Component({
  selector: 'app-sender',
  template: `
    
Sender Component
    Send Data
  `,
})
export class SenderComponent {
  constructor(private router: Router) {}

  sendData() {
    this.router.navigate(['/receiver'], { queryParams: { data: 'Shared data' } });
  }
}

接收组件：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-receiver',
  template: `
    
Receiver Component
    
Data from Sender Component: {{ data }}
  `,
})
export class ReceiverComponent implements OnInit {
  data: string;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      this.data = params['data'];
    });
  }
}

以上是一些常用的在Angular中实现组件之间的数据共享的方法，可以根