How take value from async method in typescript?

Question

I need to call/subscribe to the external service observable method and take value from it. I try it, it component constructer but always return undefined. I examine put console.log inside the method the value is there. need some expert helpt to take this object ->string value in angular.

     this.x:string; 
        constructor(
        private readonly socService: ocService) { }
    
        
      ngOnInit(): void {
       
    
        this.ocService.getActiveoc().subscribe(oc => { this.x= oc.id });
        
        //TODO For Testing
        if(this.x){
          console.log("ID" + this.x)
          this.store.dispatch(selectPatientAction({ x: this.x}));
        }
      }

   onScanX() {
    this.store.dispatch(scanX({x: this.x }));
    this.isocSelected = true;
  }

Todd Skelton · Accepted Answer · 2020-08-27 03:24:03Z

1

Everything you want to do with that value should be done in the subscribe method. Dispatch your action in that method too.

I'm assuming you are using NgRedux here.

    constructor(
       private readonly socService: ocService
       private store: NgRedux<AppState>
     ) { }
    
        
      ngOnInit(): void {
        this.ocService.getActiveoc().subscribe(oc => { 
          this.x = oc.id;
          this.store.dispatch(selectPatientAction({ x: this.x}));
        });
      }

   onScanX() {
    this.store.dispatch(scanX({x: this.x }));
    this.isocSelected = true;
  }

edited Aug 27, 2020 at 3:24

answered Aug 27, 2020 at 3:00

Todd Skelton

7,2873 gold badges39 silver badges49 bronze badges

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

4 Comments

uma Over a year ago

I am a very beginner of angular can you please, show me example. I need assing that id also for using another method ?

Todd Skelton Over a year ago

Can you post the method that you need the id for and how you are using it?

uma Over a year ago

Skeleton , it thanks full even, you can please show me how to call event inside the dispatcher. I try to search a lot of articles but still couldn't resolve it.

uma Over a year ago

Thank you som much.. it is working now. i will do more testing

Deka Thomas · Accepted Answer · 2020-08-27 03:23:13Z

1

I think you have a typo in this section?

this.ocService.getActiveoc().subscribe(soc => { this.x= oc.id });

I think it should be soc.id rather than oc.id?

answered Aug 27, 2020 at 3:23

Deka Thomas

387 bronze badges

1 Comment

Deka Thomas Over a year ago

Can i get the screenshot about the payload of oc?

Collectives™ on Stack Overflow

How take value from async method in typescript?

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related