从订阅中获得可观察性

时间:2018-05-31 14:20:27

标签: angular observable observer-pattern subscribe

在做了一些实验之后,我发布了没有我更改的代码,以找到最佳实践: 我有一个函数(在服务中),它将结果作为BLOB订阅,并将其作为文件内容保存到本地文件系统 - FileSaver.saveAs(result,);:

printAsPDF()
{
   if (<some validator fails>)
   {
      return;
   } 
   let htmlContent = "<html><body>" + <some html content> +"</body></html>";
   //this.GetByteArrayForPDF returns Observable<any> (actually observable of a blob)
   this.GetByteArrayForPDF(htmlContent).subscribe(result => 
   {
      FileSaver.saveAs(result, <file name>); 
   }, error => console.log(error));
}

现在,我希望函数printAsPDF还返回一个observable,指示保存操作是否成功。 目前,正在从组件执行对该函数的调用:

this.<service name>.printAsPDF();

我希望该组件函数订阅observable并检查保存是否成功。 我如何考虑到调用printAsPDF应该得到一个可观察的(true),这取决于是否调用了FileSaver.saveAs(result,)

1 个答案:

答案 0 :(得分:1)

将您的subscribe更改为map(您需要在您的组件中订阅以使可观察的热点当然是热门的)。您可以将错误处理程序移动到组件或将其放在catch方法中。

return this.GetByteArrayForPDF(htmlContent)
.map(result => 
{
   FileSaver.saveAs(result, <file name>); 
   return true;
})
.catch(error => { 
    console.log(error);
    return Observable.of(false);
});

或使用可管理运算符(RxJS 5.5 +):

import { catchError, map } from 'rxjs/operators';

return this.GetByteArrayForPDF(htmlContent).pipe(
map(result => 
{
   FileSaver.saveAs(result, <file name>); 
   return true;
}),
catchError(error => { 
    console.log(error);
    return Observable.of(false);
}));