angular - 如何从指令中观察服务内简单变量的变化？

Question

我有一个带有data变量的简单服务:

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

@Injectable()
export class MyService {

  private _data:number;

  get data(): number {
    return this._data;
  }
  set data(value: number) {
    this._data = value;
  }

}

现在，当有人对我的变量进行设置时，我想从指令中捕获:

this.myService.data = 12345;

我试图通过订阅来做到这一点，但在语法上遗漏了一些内容:

this.myService.data.subscribe(res => console.log(res));

我错过了什么？我应该声明 observabvle 吗？为什么以及在哪里？ 我不确定这个问题的正确方法，因为这不是 HTTP 请求，所以更改很简单。

Answer 1

你可以这样实现:

在您的服务中，放置一个 EventEmitter:

dataUpdated : EventEmitter<number> = new EventEmitter();

然后当你设置数据时，在setData末尾添加:

this.dataUpdated.emit(this.data);

它允许通知订阅的组件变量已更改并发送新值(您可以发送任何您想要的值)。

最后，在您的组件中，您可以收到如下通知:

constructor
(
    private service: Service
)

ngOnInit()
{
    this.service.dataUpdated.subscribe
    (
        (data: number) =>
        {
            //setData used, you can use new data if needed
        }
    );
}