我对 RxJS 的经验不多,但我想知道是否有一种方法可以订阅对象属性的变化? 我正在使用 RxJS 5。我使用 BehaviorSubject 将新值推送给订阅者。该主题包含一个对象,该对象定义了一些应用程序设置。
所以,我想做的是,我希望应用程序组件在特定属性更改时订阅并获取新值。 或者,我希望 observable 为每个订阅者生成对象的副本 - 这样他们就没有对原始对象的引用。
我的问题类似于this one .
提供应用设置的服务:
app.factory('settingsProvider', ['$rootScope', function ($rootScope) {
let subject = new Rx.BehaviorSubject();
let updateSettings = function (obj) {
subject.next(_.merge({}, subject.getValue(), obj));
};
return {
updateSettings: updateSettings,
getObservable: function () {
return subject.asObservable();
}
};
}]);
在某些指令中,我想订阅对某些属性的更改。 我目前有这个:
let settings = {};
let settingsSubscription = settingsProvider.getObservable().subscribe(x => settings = x);
最佳答案
我相信您需要运算符 distinct
。 https://rxjs-dev.firebaseapp.com/api/operators/distinct
这是一个老问题,所以我将提供 v6 语法并假设您已同时更新。这个概念没有改变,所以您可以在 v5 中应用这种方法。
您犯的大错误是强制将 settings
重新分配为闭包。 Observable 以流的形式工作得最好,您可以将一个 observable 传输到下一个并且没有副作用。如果我们假设您开始观察正在构建它的东西,例如 { foo: 1, bar: 2, baz: 3}
,我们可以先映射
我们想要的 Prop ,然后distinct
以确保我们只在更改时发出。
const fooUpdate$ = mySub$
.pipe(
.map(({ foo }) => foo)
.distinct()
);
fooUpdate$.subscribe(val => console.log(val));
// Example of testing it
mySub$.next({ foo: 1, bar: 2 });
mySub$.next({ foo: 1, bar: 3 });
mySub$.next({ foo: 2, bar: 4 });
mySub$.next({ foo: 2, bar: 5 });
mySub$.next({ foo: 2, bar: 5 });
mySub$.next({ foo: 3, bar: 2 });
// 1, 2, 3
关于javascript - 如何观察 RxJS 中的属性变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45673990/