Make http post with data from observable in Angular

Question

I want to use data from observables that lives in my registerStore service to send them in the body of my http post request. How can I do so?

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { environment } from '@env/environment';
import { RegisterStore } from './register.store';

@Injectable({ providedIn: 'root' })
export class RegisterService {
  constructor(
    private httpClient: HttpClient,
    private registerStore: RegisterStore
  ) {}

  signUp() {
    this.httpClient
      .post(
        `${environment.baseAuthUrl}/signup`,
        { email, password }, // <- this should come from registerStore.email$ and registerStore.password$
      )
  }
}

Answer 1

When you use signUp you trigger it, so you need to use the CURRENT STORE STATE VALUES of email and password, it is unclear what store solution you use but it can be something like: registerStore.state.email which returns the current value and NOT the observable of that value

signUp() {
    this.httpClient
      .post(
        `${environment.baseAuthUrl}/signup`,
        { registerStore.state.email, registerStore.state.password }, // <- this should come from registerStore.email$ and registerStore.password$
      )