more()函数应该从get请求返回一个可观察对象

export class Collection {
  public more = (): Observable<Response> => {
    if (this.hasMore()) {
      return this.fetch();
    } else {
      // return empty observable
    }
  };

  private fetch = (): Observable<Response> => {
    return this.http.get("some-url").map((res) => {
      return res.json();
    });
  };
}

在这种情况下,我只能做一个请求,如果hasMore()为真,否则我得到一个错误订阅()函数订阅没有定义,我怎么能返回一个空的可观察对象?

this.collection.more().subscribe(
  (res) => {
    console.log(res);
  }, (err) => {
    console.log(err);
  }
);

当前回答

因为所有的答案都过时了,我将在这里发布最新的答案

在 RXJS 中 >= 6

import { EMPTY } from 'rxjs'
return EMPTY;

其他回答

使用RxJS 5.5+的新语法,它变成如下所示:

// RxJS 6
import { EMPTY, empty, of } from "rxjs";

// rxjs 5.5+ (<6)
import { empty } from "rxjs/observable/empty";
import { of } from "rxjs/observable/of";

empty(); // deprecated use EMPTY
EMPTY;
of({});

只有一件事要记住,EMPTY完成了可观察对象,所以它不会在你的流中触发next,而只是完成。所以,如果你有,例如,点击,他们可能不会得到你所希望的触发(见下面的例子)。

而of({})创建了一个Observable,并发出了一个值为{}的next,然后它完成了Observable。

例如:

EMPTY.pipe(
    tap(() => console.warn("i will not reach here, as i am complete"))
).subscribe();

of({}).pipe(
    tap(() => console.warn("i will reach here and complete"))
).subscribe();

RxJS6(未安装兼容包)

现在有一个EMPTY常量和一个空函数。

  import { Observable, empty, EMPTY, of } from 'rxjs';

  //This is now deprecated
  var delay = empty().pipe(delay(1000));     
  var delay2 = EMPTY.pipe(delay(1000));

Observable.empty()不再存在。

返回空可观察对象的不同方法:

Observable.from ({}); Observable.of ({}); 空

https://www.learnrxjs.io/learn-rxjs/operators/creation/empty

是的,有一个空操作符

Rx.Observable.empty();

对于typescript,你可以使用from:

Rx.Observable<Response>.from([])

你可以用各种不同的方式返回空的可观察对象,但挑战是用预期的类型返回它 下面是创建一个类型为-的空观察对象的方法

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    
return next.handle(this.setHeaders(req))
            .pipe(
                catchError((error: HttpErrorResponse) => {
        // you write your logic and return empty response if required
        return new Observable<HttpEvent<any>>();
            }));
    }