angular - How do I set a subscribed value for request?

Question

  ngOnInit(): void {
    this.appData$ = this.dataService.getAppData()
  }

  getCustbuttonPressed(): void {
    let id= this.appData$.subscribe(r => r.id)
    const request: CustRequest = {
       name: 'some name',
       id: id // <-- this throws 'Type 'subscribe' cannot assign to type 'string'
    }
    this.service.getcustomer(request).subscribe(response => {console.log(response)})
  }

Basically I want to wait for the value and set it before sending the request. How do I do it correctly?

question from:https://stackoverflow.com/questions/65922812/how-do-i-set-a-subscribed-value-for-request

Answer 1

Just move the things that depend on the id into the subscribe callback:

getCustbuttonPressed(): void {
    this.appData$.subscribe(r => {
        const request: CustRequest = {
           name: 'some name',
           id: r.id 
        }
        this.service.getcustomer(request).subscribe(response => {console.log(response)})
    })
  }