角度2のTSオブジェクト配列は、サービスに加入している間のみ定義されます

Question

私はTypeScriptを使用して角度2を学習しています。これまでのところ私はAPIサービスを使用しました。HTTPはメソッドを使用して、observablesを使用してjsonデータを取得します。すべて正常に動作しています。私のビューでデータを使用することはできますが、私はコンポーネント内のデータを使用することもできますが、をgetData（）メソッドにサブスクライブしている間にのみです。

---

それはなぜだと私は簡単な反復と管理のための私のコンポーネントのすべてのメソッドにオブジェクト配列を利用可能にするために、他のどのような可能性を持っているのですか？

例コンポーネント：

export class SomeComponent implements OnInit { 

    public someData: DataObject[]; 

    public constructor(private service: SomeService) {} 

    public ngOnInit(): void { 
    this.loadData(); 
    this.useData(); 
    } 

    private loadData(): void { 
    this.service.getData().subscribe(data=> { 
     this.someData = data; 

     this.someData.forEach(dataObject => { 
     // this works fine 
     }); 
    }); 
    } 

    private useData(): void { 
    this.someData.forEach(dataObject => { 
     // dataObject is (of type?) undefined, why? 
    }); 
    } 

} 

Answer 1

HTTP呼び出しは非同期であるため、それはです。 this.useData();は、完了するためにthis.loadData();を待つことはありません。これはうまくいくはずです：

private loadData(): void { 
    this.service.getData().subscribe(data=> { 
     this.someData = data; 

     this.useData(); 
    }); 
    }