Angular2中的共享服务

我正在尝试为我的应用创建共享服务。Angular2中的共享服务

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

@Injectable() 
export class SharedService { 
    testService() { 
    console.log('share!'); 
    } 
}

然后我把它注射在我app.component的供应商，但是当我试图把它称之为在这样的子组件的构造函数：constructor(public sharedService: SharedService) {}我得到了一个错误： Can't resolve all parameters for MyComponent。我也尝试将其注入到我的app.module提供程序中，并且也出现了此错误。我该怎么办？如何正确注入它？任何人都可以提供一个正确的共享服务的示例antire应用程序（它有几个模块）？

我有路由系统，我想有一个共享服务，并从当前表示的组件中更改它的数据。

来源

2016-10-10 K.Rice

您是否已将'SharedService'导入到子组件中？ – micronyks

不，但是它不会仅仅创建一个服务上的新实例，而不是共享服务的目标？ –

你正在使用哪个版本？ – micronyks

我相信你使用最新版本，并希望使用单身服务。对于您在@NgModule({})注册您的服务如下所示，

import {Sharedservice} from 'valid path'; 

@NgModule({ 
    imports:[BroswerModule], 
    ... 
    providers:[SharedService] 
})

现在，在孩子和家长组成部分只是在文件的顶部导入Sharedservice。

注意：从每个组件删除providers:[SharedService]。

来源

2016-10-10 12:37:27 micronyks

提供了正确的答案，应该是“标记为答案” –

您需要在@Component或@NgModule注释中使用providers关键字来设置该服务的提供者是谁。这是有据可查的已经zilion时间，请参阅：

来源

2016-10-10 12:29:20 martin

Angular2中的共享服务

回答

相关问题