Angular中非父子组件间如何实现有效通讯？

本文共计1137个文字，预计阅读时间需要5分钟。

Angular中非父子组件间如何通讯？本文简要介绍一种Angular非父子组件间通过服务进行通讯的方法，希望对大家有所帮助！

其实，提到父子组件间的传值，相信大家都不陌生。但对于非父子组件间传值，可能还有很多人感到陌生。今天，就让我们来熟悉一下这种传值方式。

非父子组件间传值通常使用Angular的服务（Service）来实现。以下是一个简单的示例：

1. 创建一个服务：`myService.ts`typescriptimport { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root'})export class MyService { private data: any;

constructor() {}

setData(value: any) { this.data=value; }

getData(): any { return this.data; }}

2. 在需要接收数据的组件中注入服务，并使用服务提供的`setData`方法发送数据。