我的服务等级有外部要求

public getEndereco(cep: string){
        return this.http.get("http://viacep.com.br/ws/" + cep + "/json",{
            responseType: 'text'
        });
    }


之后,我捕获返回的json并将其放入类Util中的对象

public getEndereco(cep: string): Endereco{
        let endereco = new Endereco();
        this.serviceUtil.getEndereco(cep)
          .subscribe((response)=>{
            let json = JSON.parse(response);
            endereco.cep = json.cep;
            endereco.rua = json.logradouro;
            endereco.complemento = json.complemento;
            endereco.bairro = json.bairro;
            endereco.cidade = json.localidade;
            endereco.estado = this.buscarEstadoSigla(json.uf);
          },(erro)=>{
            console.log(erro);
          });

          return endereco;
      }


在我的视野中,我得到了这个物体并做到了:

private getEndereco(){
    this.endereco = this.util.getEndereco(this.endereco.cep);
    this.estado = this.endereco.estado;
  }


但是“ this.endereco.estado”始终为空。
我知道异步的角度工作。
我如何期望对象“ this.endereco”在分配为底线后从return返回?

最佳答案

您应该修改getEndereco以返回Observable,如下所示:

import { map } from 'rxjs/operators';

public getEndereco(cep: string): Endereco{
    return this.serviceUtil.getEndereco(cep)
      .pipe(map((response)=>{
        let endereco = new Endereco();
        let json = JSON.parse(response);
        endereco.cep = json.cep;
        endereco.rua = json.logradouro;
        endereco.complemento = json.complemento;
        endereco.bairro = json.bairro;
        endereco.cidade = json.localidade;
        endereco.estado = this.buscarEstadoSigla(json.uf);
        return endereco;
      }));
  }


然后,您可以像这样进行订阅:

private getEndereco(){
    this.util.getEndereco(this.endereco.cep).subscribe(endereco => {
        this.endereco = endereco;
        this.estado = this.endereco.estado;
    });

}

关于javascript - 等待方法Angular 5,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52788308/

10-11 22:41