Question

我一直在尝试使用feathersjs和angular2 / Rx。我想要实现的是构建一个angular2服务，该服务包含一个featherjs服务，以便人们可以订阅一个Observable，它可以在任何类型的服务器之后发出最新的一组项目。 CRUD。

它基本上有效。但是，我没有找到它非常优雅的方式：包装和展开所有进入的物体似乎并不高效。我采取的是“一切都是一条小溪”。太远了？

getService(){
let data$: Observable<any> = Observable.from([initialSetOfItems]);
let created$: Observable<any> = Observable.fromEvent(feathersService, 'created').map(o => {return {action: 'c', data: o}});
let updated$: Observable<any> = Observable.fromEvent(feathersService, 'updated').map(o => {return {action: 'u', data: o}});
let removed$: Observable<any> = Observable.fromEvent(feathersService, 'removed').map(o => {return {action: 'r', data: o}});

return data$
  .merge(created$, updated$, removed$)
  .scan((arr: any[], newObj) => {
    switch (newObj.action){
      case 'c':
        return [].concat(arr, newObj.data);

      case 'u':
        let indexToUpdate = arr.findIndex((element) => (element.id === newObj.data.id));
        if (indexToUpdate > -1){
          arr[indexToUpdate] = newObj.data;
        }
        return arr;

      case 'r':
        return arr.filter(element => (element.id != newObj.data.id))
    }
  });
}

我知道这可能是固执己见的。请多多包涵。 Rx有点难以理解。

你们将如何实现这一目标？

Answer 1

我认为你所寻找的正是feathers-reactive应该做的事情。它是一个插件，可将任何服务方法转换为RxJS可观察对象，自动更新实时事件。它可以像这样使用：

const feathers = require('feathers');
const memory = require('feathers-memory');
const rx = require('feathers-reactive');
const RxJS = require('rxjs');

const app = feathers()
  .configure(rx(RxJS))
  .use('/messages', memory());

const messages = app.service('messages');

messages.create({
  text: 'A test message'
}).then(() => {
  // Get a specific message with id 0. Emit the message data once it resolves
  // and every time it changes e.g. through an updated or patched event
  messages.get(0).subscribe(message => console.log('My message', message));

  // Find all messages and emit a new list every time anything changes
  messages.find().subscribe(messages => console.log('Message list', messages));

  setTimeout(() => {
    messages.create({ text: 'Another message' }).then(() =>
      setTimeout(() => messages.patch(0, { text: 'Updated message' }), 1000)
    );
  }, 1000);
});

如果你想尝试一下，我们很乐意得到一些反馈（以及错误报告）。

使用＆＃39; CRUD-Observables＆＃39;有效地维护一组对象。

1 个答案: