javascript - 如何使用服务在兄弟组件之间共享对象？

Question

我需要在一个组件上调用一个服务，理想情况下该服务会获取另外 2 或 3 个组件中的信息(这些组件已经与数据库等进行通信)。我需要能够共享对象。

我创建了一个名为 DashService 的服务，如下所示:

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

@Injectable({
  providedIn: 'root',
})
export class DashService {

  constructor() { }

}

我已将其链接到将使用它的组件，并且还在 NgModule 的“providers”部分中导入并添加了服务名称。补充:

Import { OnInit } from '@angular/core';

和

implements OnInit{...}

在将信息发送到服务的模块上。

我不知道如何继续前进。如何将组件上存在的对象共享给我的服务？我无法正确设置构造函数(在发送信息的组件上)

当我尝试时

public constructor( private DashService: DashService) 

我收到一条错误消息，告诉我“DashService 引用了一个值，但正在用作类型”

感谢您的帮助。

Answer 1

因为您正在将服务作为服务的类型来调用!

改个名字就可以了，一般服务的首字母都是小写

public constructor( private dashService: DashService) 

https://angular.io/guide/component-interaction#parent-and-children-communicate-via-a-service在这里您可以找到如何在组件之间进行通信的示例。一般来说，对于父/子组件，您可以使用 @Input/@Output 装饰器。对于其他情况，您可以使用服务(或任何状态管理)