输入'可观察的<布尔值 | {}>' 不可分配给单元测试中的类型 'Observable<boolean>' 错误

Question

我有一个简单的服务，可以发布数据并返回 true，否则会抛出错误。

首先通过getUserById获取用户数据，返回Promise（用户脱轨）

然后concatMap调用其他方法返回true！

// I want it's return type to be Observable<boolean>
saveUser(record: any): Observable<any> {
      return from(this.getUserById(1))
        .pipe(concatMap((data: any) => {
           // Some other code....
           return this.httpClient.post(`${this.API_URL}/users`, record)
            .pipe(
              map((result: any) => { 
                console.log(result);
                return true; 
              }), 
              catchError(error => this.handleError(error))
            )
        }));
}

我想要，它的返回类型是 Observable 但是当我更改为 Observable 布尔值时，立即开始出错。

刚刚在 [stackblitz.com/][1] 上创建了示例代码，看看我可以解决这个问题吗？

注意：除了saveUser(record: any)，我无法更改任何方法

Answer 1

你可能会尝试做这样的事情：

myObs: Observable<boolean> = isUserAllowed()

和

this.utilityService.CheckFeature(userDetail);

返回Observable<boolean | {}>

所以myObs 不知道{} 到达时会发生什么。

您需要将返回值转换为特定的Observable<boolean>，以便打字稿知道。

类似于：

this.utilityService.CheckFeature(userDetail) as Observable<boolean>

检查这个： https://stackblitz.com/edit/angular-bw7hf2

Answer 2

最后，我让函数像 Promise 一样工作，然后使用 then 并用 from() 包装整个函数以返回 observable。

isUserAllowed(): Observable<any> {
    return from(this.getData().then((userDetail: UserData) => {
       return this.utilityService.CheckFeature(userDetail); 
    }), catchError(error => this.handleError(error)));