Angular 2 Setter和Getter

Question

我正在尝试创建一个服务来将数据解析到不同路由上的不同组件.

如果我在同一个组件上调用follow服务,我会得到我需要的结果,但如果我尝试从另一个组件获取设置结果,则服务返回undefined.

这是我的服务: -

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

@Injectable()
export class TestService {

  public _test:any;

  set test(value:any) {
    this._test = value
  }

  get test():any {
    return this._test;
  }
}

我设置的服务如下: -

this.testService.test = 3;

我使用以下内容在组件中收到服务数据: -

console.log(this.testService.test)

如前所述,如果我在同一个组件内进行通信,那么这个工作绝对没问题,我有相同的导入,提供者和构造函数.

另外,请注意组件是兄弟组件

是否有人能够帮助或指出我正确的方向,我们将非常感激.

如果您需要任何额外的代码,请告诉我.

Answer 1

如果要跨不是父组件的子组件的组件共享服务,则需要在模块中注册服务,而不是在组件中注册.在组件中注册服务时,它仅对该组件及其子组件可用.

像这样的东西:

@NgModule({
  declarations: [
    AppComponent,
    ProductListComponent,
    StarComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [ TestService ],
  bootstrap: [AppComponent]
})
export class AppModule { }