поэтому я использую RAWG API для возврата некоторых данных о серии видеоигр Soni c The Hedgehog, но сталкиваюсь с этой проблемой в консоли при попытке выполнить
<div>
<li *ngFor="let games of gamesData">{{games.name}}</li>
</div>
в html
Так выглядит мой service.ts
export class RawgApiService {
private _url = "https://api.rawg.io/api/games?search=sonic&developers=sega"
constructor(private httpClient: HttpClient) {
}
public getGameData(): Observable<RAWGResponse> {
return this.httpClient.get<RAWGResponse>(this._url)
.pipe(
tap(data => console.log('GameData/error' + JSON.stringify(data))
),
catchError(this.handleError)
);
}
private handleError(err: HttpErrorResponse) {
console.log('IGDBApiService: ' + err.message);
return Observable.throw(err.message);
}
}
А это компонент
export class ListGamesComponent implements OnInit {
gamesData:RAWGResponse;
errorMessage:any;
constructor(private gameService: RawgApiService) {}
ngOnInit(){
this.getGameDetails();
}
getGameDetails() : boolean{
this.gameService.getGameData().subscribe(
gamesData => {
this.gamesData = gamesData;
console.log("data: " + JSON.stringify(this.gamesData))
},
error => this.errorMessage = <any>error
);
return false;
}
}
Мы будем благодарны за любые идеи, и извините, если вопрос задан неправильно, любые необходимые пояснения просто спросите, заранее спасибо