Update property of an Observable object (Angular)

Question

I'm about to ask a probably dummy question, but I really have issues with Observables, so I try.
I have an object which I want to be an Observable. Let's assume that the Object is of kind example like this :

export class Example {
  public property1: string;
  public property2: string;
}

In a component.ts I have something like this :

export class Component {
  public myExample: Observable<Example>;

  constructor(){}

  myFunction() {
    this._translateService.service
     .get('SOMETHING')
     .subscribe(response => 
       myExample.property1 = response);
  }
}

The _translateService is returning an Observable.

This example is not working. How can I implement something to reproduce this behavior ?

Thanks for any help.

Safiyya · Accepted Answer · 2018-02-26 09:04:56Z

3

Use the map operator :

export class Component {
  public myExample: Observable<Example>;

  constructor(){}

  myFunction() {
    this.myExample = this._translateService.service
     .get('SOMETHING')
     .map(response => {
          let example = new Example();
          example.property1 = response;
          return example
      })

}

edited Feb 26, 2018 at 9:04

answered Feb 23, 2018 at 17:29

Safiyya

1,3931 gold badge10 silver badges17 bronze badges

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

7 Comments

Yesub Over a year ago

Hi @Safiyya thanks for taking time for answering this. But your solution doesn't seems to work. The myExample.property1 is not reachable in that way.

Safiyya Over a year ago

Sorry i forgot to create a new Example before assigning property, updated answer now

Yesub Over a year ago

I got your point there. But at this point the variable myExample has not been modified in any way. The let example variable is not Observable.

Safiyya Over a year ago

Maybe i dont understand your question ... do you want to take an Example and the Service, smash them together and get a Example observable as a result that you can subscribe to?

Yesub Over a year ago

Oups. I hope you won't be crossed with me... I misreaded your answer and miss the this.myExample = part of it. Your answer is good and working :-)

|

Collectives™ on Stack Overflow

Update property of an Observable object (Angular)

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related