在另一个函数中使用变量 this

Question

我对 angularjs2 和 ionic 2 中的变量 this 有疑问

我有这个功能：

getAnuncio(id_anuncio){
    console.log(id_anuncio)
    var token=this.local.get('token')._result; 
    var headers= new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');
    headers.append('Authorization', 'Token '+token);
    datos="id_anuncio="+id_anuncio;
    this.http.post('http://127.0.0.1:8000/envios/getAnuncioPorId/',datos , {
        headers: headers

    })

    .subscribe(success => {
        this.anuncio=success.json();
        console.log("BIENNN");
        console.log(success);
        console.log(this.anuncio);
        return this.anuncio;



    }

}

我从另一个函数调用它：

cargarMapa(){

    this.anuncio=this.getAnuncio(this.envio.anuncio);
    console.log(this.anuncio);
    //console.log(anuncio);
    //this.getOferta(this.envio.oferta);
    //console.log(this.oferta)
}

但是当我尝试登录 this.anuncio 时，它是未定义的。

我需要将数据存储在一个变量中以便在其他函数中使用它。

谁能帮帮我？

这里是代码：https://github.com/p02diada/cyclaClientv2/blob/master/app/pages/sending-details/sending-details.js

Answer 1

您可以通过这种方式利用do 运算符：

getAnuncio(id_anuncio){
  console.log(id_anuncio)
  var token=this.local.get('token')._result; 
  var headers= new Headers();
  headers.append('Content-Type', 'application/x-www-form-urlencoded');
  headers.append('Authorization', 'Token '+token);
  datos="id_anuncio="+id_anuncio;
  this.http.post('http://127.0.0.1:8000/envios/getAnuncioPorId/',datos , {
    headers: headers

  })
  .map(res => success.json())
  .do(data => {
    this.anuncio = data;
  });
}

这样你就可以订阅getAnuncio方法之外的observable：

this.anuncio=this.getAnuncio(this.envio.anuncio).subscribe(
  (anuncio) => {
    // do something
    console.log(anuncio);
  }
);

不要忘记事情是异步的。

如果要实现一种缓存，请使用以下内容：

getAnuncio(id_anuncio){
  if (this.anuncio) {
    return Observable.of(this.anuncio);
  } else {
    var token=this.local.get('token')._result; 
    var headers= new Headers();
    (...)
  }
}

直接使用this.anuncio是你无法确定数据是否存在...