変数にサブスクライブしたデータを取得できません

Question

Observablesの新機能です。私はレシピを取得していますが、私はその表示未定義の外で印刷していたときにサブスクライブの内側recipeListを印刷するときだからここに私のコードは

recipesList:Recipe[]; 


private recipes; 
constructor(private shoppingService:ShoppingListService,private http:Http){ 
    this.getRecipesFromUrl().subscribe((data)=>{ 
    this.recipesList=data; 
    console.log(this.recipesList);//printing array containing recipes 
    }); 
    console.log(this.recipesList);//printing undefined 
} 

である私の問題はあります。 recipeListにデータを保存して、他の方法でデータにアクセスできるようにする方法。

Answer 1

コードの問題は、getRecipesFromUrlが非同期操作であることです。終了するまでに、ログ操作が実行されたため、recipesListは未定義になります。あなたはいつも購読し、データはあなたがデータをフェッチすることは非同期であるため、この

recipesList: Observable<Array<Recipe>>; 

constructor(private shoppingService:ShoppingListService, private http:Http) { 
    this.recipesList = this.getRecipesFromUrl(); 

    //Subscribe and handle data when it arrives 
    this.recipesList.subscribe((recipes) => { 
     console.log("Recipes", recipes); 
    } 
} 

list() { 
    //Subscribe here too 
    this.recipesList.subscribe((recipes) => { 
     console.log("Recipes", recipes); 
    } 
} 
}