返されたサービスからのデータをループする

Question

私はサービスに加入しており、サービスから返されたデータをループしてビューに出力する必要があります。

私がコンソールにログアウトすると、要求されたすべてのデータが取得されますが、ビューで出力しようとするとデータの最後のレコードしか取得されません。

export class SandboxComponent implements OnInit { 

    statusList; 
    errorMessage; 
    constructor(private dataService : DataService) { } 

    ngOnInit() { 
    this.getStatusTag(); 
    } 

    getStatusTag(){ 
    this.dataService.getStatusAPI() 
    .subscribe(
     (data) => { 
      for(let myVar of data){ 
       this.statusList = myVar; 
       console.log(this.statusList); 
      } 
     }, 
     error => this.errorMessage = <any>error); 
    } 

} 

Answer 1

this.statusList = myVar;配列でなければなりません

this.statusList.push(myVar); 

Answer 2

サブスクライブする前にマップを使用して、単一のデータをログに記録し、データに変換する必要があります。

getStatusTag(){ 
    this.dataService.getStatusAPI() 
    .map(response =>{ 
    // below you can log a single data 
    console.log(response); 
    return response.json() 
    }) 
    .subscribe(
     (data) => { 
      // below you can log all data 
      console.log(data); 
      this.statusList = data; 
     }, 
     error => this.errorMessage = <any>error); 
    }