Question

在 angular 5 中分配给变量时订阅值未定义

2018-06-29

629

javascript angular typescript angular5

将订阅的值分配给变量时，我得到了未定义的值。这是我的代码。

service.ts

     getIpAddress() : Observable<any> 
     {
      return this.http
      .get(this.Geo_Api)
      .map((response: Response) => {  return <any>response.json() 
      } )
      .catch(this.handleError);
      }

component.ts

 constructor(private apiservice: ApiService )
 {
   this.getIpAddress(); 

 }
 ngOnInit() {  console.log(this.client_ip$);   } 

 getIpAddress()
 {

    this.apiservice.getIpAddress()
    .subscribe(data => {
    this.client_data$       =   data.ip;
    this.client_ip$     =   this.client_data$; 
  });

  }

Answer 1

如果不将服务注入到组件中，则无法使用该服务。

constructor(private apiservice: Apiservice)

Sachila Ranawaka

2018-06-29

Answer 2

constructor(private apiservice: ApiService )
{


}
 ngOnInit() {    this.getIpAddress();   } // call service in ngOnInit();

getIpAddress()
{

 this.apiservice.getIpAddress()
.subscribe(data => {
this.client_data$       =   data.ip;
this.client_ip$     =   this.client_data$; 

// as service is async call try console in subscirbe callback
this.useClient()
});

}
useClient(){
console.log(this.client_ip$);
}