Angular 16 async ожидает завершения публикации HTTP

У меня есть функция login(), которая вызывает запрос HTTP POST для генерации SID. Когда функция завершается, я применяю ее к локальной переменной с именем this.sid. Когда я вызываю функцию Login(), я ожидаю, что переменная thid.sid будет содержать значение SID, но вместо этого я получаю неопределенное значение.

  sid: string | undefined;

  login() {
    const body = `<soapenv:Envelope xmlns:soapenv = "http://schemas.xmlsoap.org/soap/envelope/" xmlns:ser = "http://www.ca.com/UnicenterServicePlus/ServiceDesk">
              <soapenv:Header/>
              <soapenv:Body>
                  <ser:login>
                    <username>servicedesk</username>
                    <password>?</password>
                  </ser:login>
              </soapenv:Body>
            </soapenv:Envelope>`

    this.http
      .post(this.soapURL, body, {
        headers: {
          'SOAPAction': '""',
          'Content-Type': 'text/xml;charset=UTF-8'
        },
        responseType: 'text'
      })
      .subscribe({
        next: (res) => {
          const parser = new xml2js.Parser({ strict: false, trim: true });
          parser.parseString(res, (err, result) => {
            this.soapenvEnvelope = result;
            this.sid = this.soapenvEnvelope?.["SOAPENV:ENVELOPE"]["SOAPENV:BODY"][0].LOGINRESPONSE[0].LOGINRETURN[0]._;
          });
          console.info(this.sid )
        },
        error: (ex) => {
          console.info(ex)
        }
      })
  }


  foo() {
    this.login()
    console.info(this.sid) // undefined
  }