angular2サービスは未定義を返す

Question

私のサービスの1つがいつもundefinedを返す理由はわかりませんが、開発者モードのネットワークタブではデータが受信されたことがわかります。

誰かが私のミスがどこにあるのか理解してもらえますか？

Answer 1

が動作するはず事前に

getSponsorsByClient(id: any): Promise<Sponsors[]> { 
    const url = `${this.api}/clients/${id}/sponsors`; 
    return this.http.get(url) 
     .toPromise() 
     .then(response => response.json().data as Sponsors[]) 
    } 

getApplications(): Promise<Applications[]> { 
    return this.http 
     .get(this.api + "/applications") 
     .toPromise() 
     .then(response => response.json() as Applications[]) 
    } 

ありがとう：：

export interface Sponsors { 
     id; 
     sponsorCode; 
     sponsorName; 
     active; 
     clientId; 
     countryId; 
     cloudRegionId; 
    } 

    @Component({ 
     selector: 'app-sponsors', 
     templateUrl: './sponsors.component.html', 
     styleUrls: ['./sponsors.component.css'], 
    }) 

    export class SponsorsComponent implements OnInit { 

     id: any;  
     sponsors: Sponsors[]; 
     applications: Applications[]; 

     constructor(private appService: AppServices, 
        private route: ActivatedRoute) { 
     this.id = route.snapshot.url[1].path; 
     } 

     ngOnInit() { 
     this.getSponsors(); 
     this.getApps(); 
     } 

     getSponsors() { 
     this.appService.getSponsorsByClient(this.id).then(
      response => { 
      this.sponsors = response; 
      console.log(this.sponsors) //returns undefined 
     }); 
     } 

     getApps(){ 
     this.appService.getApplications() 
      .then(applications => { 
      this.applications = applications; 
      console.log(this.applications) // returns data 
      }); 
     } 

これは私のサービス：

getApplications(): Promise<Applications[]> { 
    return this.http.get(this.api + "/applications") 
       .map(response => response.json() as Applications[]) 
       .toPromise(); 
}