如何在subscribe Angular 4中返回值

前端之家收集整理的这篇文章主要介绍了如何在subscribe Angular 4中返回值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是棱角分明的观察者的新手.我有一个问题想要在subscribe方法中返回一个值.我有
以下方法(getFirebaseData(idForm:string):observable< any []>):

getTotalQuestions(idForm:string){
let totalQuestions:number;
this.getFirebaseData(idForm+"/Metadatos")
.subscribe(items => 
  {
    items.map(item => {
      totalQuestions=item.Total;
      console.log(totalQuestions);
    });
  }
);
console.log(totalQuestions);
return totalQuestions;
}

firts console.log(totalQuestions)打印4但第二个console.log(totalQuestions)打印未定义.
我理解subscribe是一个异步操作,因此第二个console.log(totalQuestions)(“为了编写代码”)打印未定义,但我找不到在subscribe方法之后返回变量的方法已经完成.现在,如果我更改订阅地图:

getTotalQuestions(idForm:string){
let totalQuestions:number;
this.getFirebaseData(idForm+"/Metadatos")
.subscribe(items => 
  {
    items.map(item => {
      totalQuestions=item.Total;
      console.log(totalQuestions);
    });
  }
);
console.log(totalQuestions);
return totalQuestions;
}

firts console.log(totalQuestions)不打印任何内容,第二个console.log(totalQuestions)打印未定义.这是我不理解的东西,因为它发生了.

我希望你能帮助我澄清一下我不理解的概念.谢谢!

解决方法

你不能直接返回那样的totalQuestions,你需要使用一个主题来实现它.

getTotalQuestions(idForm:string) : Observable<string>{
let totalQuestions:number;
var subject = new Subject<string>();
this.getFirebaseData(idForm+"/Metadatos")
.subscribe(items => 
  {
    items.map(item => {

      totalQuestions=item.Total;
      console.log(totalQuestions);
      subject.next(totalQuestions);
    });
  }
);
  return subject.asObservable();
}

用法:getTotalQuestion(idForm).subscribe((r)=> console.log(r))

猜你在找的Angularjs相关文章