Question

我最近从Angular 1转移到Angular 2，并且经常遇到试图检测对象属性变化的问题（以前通过$ watch完成的事情）。

典型的用例是我将拥有一个可注入服务来维护一段数据，例如包含设置的对象：

@Injectable()
export class SettingsService
{
    _settings = {
        'settingA' : true,
        'settingB' : false
    }

   ...

   get settings()
   {
       return this._settings;
   }
}

然后我会在Ionic应用程序中有一个组件，例如设置页面，它将从设置服务中获取设置：

constructor(private settingsService : SettingsService)
{
    this.settings = settingsService.settings;
}

直接将对象属性耦合到像toggle这样的UI组件。问题不仅仅是在每个切换更改事件上调用一个函数，服务或组件如何知道设置对象已更改以触发适当的操作，如将设置保存到数据存储？

Answer 1

要构建可观察的数据服务，您可以使用rxjs中的BehaviorSubject。您在服务中创建主题，然后您必须在组件中订阅此主题。

在这里查看有关使用它创建服务的一些教程：example 1，example 2。

理论上，您有机会在服务中使用EventEmitter。但你不应该使用它。有关详细信息，请查看此answer。在这个答案中，您还可以找到如何使用Observable代替BehaviorSubject来解决问题的示例

观察Angular 2中对象属性的变化

1 个答案: