如何从可观察对象返回值并将其分配给变量

Question

我想从一个 observable 中从这个方法返回一个值，以便通过将它分配给 viewcount 变量来在另一个函数中使用它。 在这种情况下，我如何正确地从 observable 返回值并将其分配给公共变量以供以后使用。

public viewcount:any  

public getcount(id){
  let view = " ";
  this.backandService.getViews(id).subscribe(
    (data:any) =>{
      view = data["0"].views
      console.log(view)
    }
  );
  return view;
}

现在我用另一种方法

 public updateViews(id){
     let  view:any = this.viewcount;
       this.backandService.update('videos',id,
  {"viewcount":JSON.stringify(view)}).subscribe(
         data =>{
           console.log (data);
         }
       );
     }

但是为了在 updateView 方法和控制台日志中使用它，该值永远不会返回，updateView xhr requests 仅显示未找到的 404，标题中的 request payload 显示空括号。

Answer 1

因为您将值分配给模块级变量，所以不能将该变量设为数字，但它本身需要是一个承诺。

public viewCount: Promise<number>;

public requestCount(id){
  this.viewCount = new Promise<number>((resolve,reject) => {
    this.backandService.getViews(id).subscribe(
      (data:any) =>{
        let view = data["0"].views;
        console.log(view);
        resolve(view);
    });
   });
}

public async updateViews(id): Promise<void>{
  let view = await this.viewcount;
  this.backandService.update('videos',id { 
    "viewcount":JSON.stringify(view)}).subscribe(data =>{
       console.log (data);
     });
  });
}

非异步方法：

public updateViews(id): Promise<void>{
  return this.viewcount.then(view => ( 
    this.backandService.update('videos',id { 
      "viewcount":JSON.stringify(view)}).subscribe(data =>{
         console.log (data);
       });
    });
  })'
}