角：未定義のプロパティ '0'を読み取ることができません

Question

APIから抽出されたデータを表示しようとしています。私はそれがコンソールに表示されるので、うまくやっています。 データを配列に格納しようとするとエラーが発生します。

インタフェース：

interface ISearchResponse { 
    appendix: IAppendix; 
} 

interface IAppendix { 
    Airports:IAirport[]; 
} 

interface IAirport { 
    name: string; 
    city:string; 
} 

問題があるコード：

ngOnInit() { 
    console.log('SC: in OnInIt'); 
    this._searchEngine.getSites().subscribe(sites => { 
     this.airports = sites; 
     console.log("SC: SITES:"+this.airports.appendix.Airports[0].name); 

    }, 
     error => this.errorMessage = <any>error); 
    } 

エラー：

ERROR TypeError: Cannot read property '0' of undefined 

Answer 1

私はそれを解決しました。私が間違っていたことは、「空港」に資本「A」を与えたことでした。 JSONデータに「空港」があるとき。したがって、存在しなかったアレイには何も入っていませんでした。

Answer 2

時にはthis.airports.appendix.Airports空である可能性は、前にチェック を追加します。エルにアクセスするementsはインデックスを使用しています

this.airports = sites; 
if(this.airports.appendix.Airports && this.airports.appendix.Airports.length > 0){ 
    console.log("SC: SITES:"+this.airports.appendix.Airports[0].name); 
}