Cant get Observable of string value (angular2/typescript)

Question

I have a function that gets a list of objects and POSTs it to an api.

The function returns Observable since who ever calls it expects to get a string back from it based on the api response.

If the response is good I want to return a certain string and if it is error I want to send a different string.

This is my function that returns a string:

public sendUpdate(updatedList: Cars[]): Observable<string> {
return this._myService.updateListNewOrder(updatedList)
  .map(response => "The POST worked successfully") 
  .catch(error => Observable.of("An Error occurred"));
}

So now I want to call this function and get the string in my component.ts:

messageToDisplay: string;

  public updateList() {
      this._myService.sendUpdate(this.listToUpdate).subscribe(
        res => this.messageToDisplay = res, // onNext
        error => this.messageToDisplay = error // onError
    );
    }

but this is not working...I don't get errors. It is just that the messageToDisplay is staying undefined.

Does anyone see the problem?

Thanks!

If you need it, this is updateListNewOrder(...):

public updateListNewOrder(newOrderedList: string[]): Observable<ServerResponse> {
    let apiURL = "my/api/url";
    return this.http.post(apiURL, JSON.stringify(newOrderedList), { headers: this.defaultHeaders() }
    );
  }

Try changing your Observable.of to Observable.throw. From the rxjs docs: github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/… — ajliptak
– ajliptak, Commented Aug 10, 2016 at 21:58

Bernardo Pacheco · Accepted Answer · 2016-08-04 03:35:38Z

7

+100

I reproduced your logic here with my own functions and everything worked fine. Your sendUpdate method seems to be correct as well as the subscribe function. So, the RxJS logic is ok for me. The problem might be in another peace of code that isn't exposed.

The only issue I found out was the type of the updateListNewOrder. It should be Observable<Response> instead of Observable<ServerResponse> if you are using the @angular/http module.

answered Aug 4, 2016 at 3:35

Bernardo Pacheco

1,4451 gold badge14 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cant get Observable of string value (angular2/typescript)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related