[Question] Using EventEmitter to manipulate data and return an Observable.

I have asked this in the gitter room, but there were no responses, so I thought I might ask this here.

It looks like if we want to work with Rx.Observables, we’ll have to use the EventEmitter class.

I was wondering how to do the following:

• My component calls a service passing something by parameter;
• My service modifies the parameter;
• My service returns an Observables so that my Component can observe and subscribe to it;

If I am using Rx.Observable (by importing it directly - import * as Rx from 'rx'), I can do the following:

// MyService

export class MyService {
    static doSomething(something: Object):Rx.Observable {
          return Rx.Observable.create(o => {
                  something.createdAt = Date.now();
                  o.onNext(something);
                  o.onCompleted();
          })
    }
}

And then in my component:

// MyComponent

class MyComponent {
     doSomethingHandler(something:Object):void {
           MyService.doSomething(something).subscribe(info => console.log(info));
     } 
}

So, that’d work.

But how to do it with the EventEmitter wrapper?

I saw it returns a Subject instead of an Observable, and it looks like I’d have to pass callbacks left and right to make it work - but I’d like to have the logic separated - having the component to only call the service, and this one would do the heavy work, returning something already manipulated to the component.

[woppa684]

So, to get things straight, this is NOT what you mean?

import {Component, View, bootstrap, EventEmitter} from 'angular2/angular2'


class MyService {
    static doSomething(something: any): Rx.Observable<any> {
        var e = new EventEmitter();

        window.setTimeout(() => {
            something.createdAt = Date.now();
            e.next(something);
        }, 2000);

        return e.toRx();
    }
}

@Component({
    selector: 'main'
})
@View({
    template: ``
})
class Main {
    constructor() {
        MyService.doSomething({}).subscribe(info => console.log(info));
    }
}

bootstrap(Main, [MyService]);

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}