如何在subscribe Angular 4中返回值

Question

我是棱角分明的观察者的新手.我有一个问题想要在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)打印未定义.这是我不理解的东西,因为它发生了.

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

Answer 1

你无法直接返回那样的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))