从一个简单的对象创建一个可观察对象

Question

我对RxJS很陌生，所以如果这个问题已经得到回答，我提前道歉。

我有一个Angular 2应用程序，在其中一个组件中有一个普通对象。我将UI绑定到这个对象。我想做的是能够捕获对这个对象的所有更改，无论它们来自代码还是来自用户更改其中一个字段。

我正在查看可观察对象，但似乎只有通过Emit方法推送新对象时，订阅者才能接收通知。例如，在属性绑定到输入字段的情况下，这将如何工作？

有更好的方法吗？

这是我的代码的样子：

export class MyComponent {
  app: ApplicationModel = new ApplicationModel(); <--- this is the object I want to track
  
  constructor(api: APIService) {
    api.getApplication().then((data) => {
      this.app = data; 
    });
  }
}

我正在寻找类似于Knockout允许您接收更改通知的方式：

myViewModel.personName.subscribe(function(newValue) {
    alert("The person's new name is " + newValue);
});

谢谢。

Answer 1

无论是使用< code>@Input还是简单地跟踪来自服务甚至同一组件的更改，都可以使用< code>BehaviorSubject。

import { BehaviorSubject } from 'rxjs/BehaviorSubject';

appModel = new BehaviorSubject(new ApplicationModel());

推动新的变革:

appModel.next(applicationModelModified);

订阅新更改：

appModel.subscribe(val => ...)

在任意点读取值：

appModel.value