在服务中成功调用订阅后获取未定义

Question

实际上我是 angular 新手，我正在尝试创建一个菜谱应用程序，所以在这里我创建了一个菜谱服务，其中有两种方法，即storeRecipe()和fetchRecipe()

Recipe.Service.ts是我的 Recipe Service 中的构造函数

currentUser;
constructor(@Inject(LOCAL_STORAGE) private localstorage: StorageService, private http: HttpClient, private firstore: AngularFirestore, private authService : AuthService) { 
    this.authService.getCurrentUser().subscribe(user => {
      this.currentUser = user.uid
      console.log(this.currentUser)
    })

  }

现在，这里是订阅观察到的，让目前的loggedIn用户，并保存在用户currentUser当我安慰currentUser我得到我想要什么，但在fetchRecipe方法时没有得到currentUser但在店内配方方法正在逐渐currentUser如何让currentUser在fetchRecipe这样的话当我的组件初始化时，我得到了配方

存储和获取配方方法

  storeRecipe(data) {

    let randomId = this.firstore.createId()
    console.log(randomId)
    return this.firstore.collection('Recipes').doc(this.currentUser).set({ fid: randomId, ...data }).then(i => {
      this.recipes.push({ fid: randomId, ...data })
    })
}
fetchRecipe() {

    console.log(this.currentUser) // <-- here am getting undefined
    return this.firstore.collection('Recipes').get().subscribe(data => {
      data.docs.map(i => {
        this.recipes.push(i.data())

        this.loading.emit(false)
      })
    })
 }

Answer 1

如果您想在组件初始化时调用 fetchRecipe()，您可以在成功获取数据后将该值传递给 fetchRecipe()，

this.authService.getCurrentUser().subscribe(user => {
      this.currentUser = user.uid
      console.log(this.currentUser);
      fetchRecipe(this.currentUser);
})

和访问

fetchRecipe(currentUser : any) {
  use the value here
}