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 { }

Answer 2

如果您尝试在来自不同模块的两个组件之间进行交互，那么您必须将服务导入到app模块（即主模块）中，这样get方法就不会返回

Answer 3

尝试在Component.ts中的构造函数内部初始化testService var，如果未定义的var是“testService”，则可以工作。

constructor (private testService : TestService ){
      //at this time testService its already initialized.
     console.log(this.testService.test);
}