왜 "total_clients"변수에 액세스 할 수 없습니까?

Question

escope 밖에있는이 변수에 액세스하는 방법은 무엇입니까?

수출 클래스 ClientsComponent이하는 OnInit { 제목 구현 : 콘솔에 인쇄의 경우 this.total_clients 문자열 = "모든 클라이언트"

clients: Client[] = []; 
response: any; 
total_clients: number; 
total_pages: number; 
pages: any[] = []; 

constructor(private _clientService: ClientService) {} 

ngOnInit() { 

    this._clientService.getData() 
     .subscribe(
     data => this.response = data, 
     err => console.error(err), 
     () => { 
      this.clients = this.response.data, 
      this.total_clients = this.response.total 
      } 
     ); 


    console.log(this.total_clients); <- i can not access this 


} 

Answer 1

그것은 범위를 벗어나되지 않습니다, 그것은 단순히 아직 채워 아닙니다. 모든 HTTP 요청은 비동기 작업, 그래서 당신이 그것을 액세스하려는 경우, 당신은 다음과 같이 가입에 그것을 할 수 있습니다 :

그런 다음, 생성자에서 변수를 초기화에서 콜백을 채울 필요가

ngOnInit() { 

    this._clientService.getData() 
     .subscribe(
     data => this.response = data, 
     err => console.error(err), 
     () => { 
      this.clients = this.response.data, 
      this.total_clients = this.response.total 
      console.log(this.total_clients); <- this will print your data 
      } 
     ); 


    console.log(this.total_clients); <- this is executed before the call is finished, as you will see 


} 

Answer 2

비동기 호출 여기에 전체 코드가 있습니다 :