javascript - Rx.Observable.prototype.skip 未定义

Question

我有具有以下代码的 Angular 2 应用程序:

  nextPage() {
    this.currentPage += 1;
    this.files = this._rawFiles
      .skip((this.currentPage - 1) * 100)
      .take(100);
  }

它返回以下错误:

ORIGINAL EXCEPTION: TypeError: this._rawFiles.skip is not a function

this._rawFiles 是由 Angular 的 Http 服务生成的，所以它应该使用 RxJS。这是打印到控制台时的样子:

它似乎是一个 Observable，但只有几个方法存在。为什么不是 Rx.Observable.prototype.skip(count)在那里？

package.json 的相关部分如下所示:

  "dependencies": {
    "@angular2-material/button": "^2.0.0-alpha.1",
    "@angular2-material/card": "^2.0.0-alpha.1",
    "@angular2-material/checkbox": "^2.0.0-alpha.1",
    "@angular2-material/core": "^2.0.0-alpha.1",
    "@angular2-material/progress-circle": "^2.0.0-alpha.1",
    "@angular2-material/radio": "^2.0.0-alpha.1",
    "@angular2-material/sidenav": "^2.0.0-alpha.1",
    "@angular2-material/toolbar": "^2.0.0-alpha.1",
    "angular2": "2.0.0-beta.12",
    "core-js": "^2.1.5",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.6.6"
  },

它只是一个普通的 RxJS，而不是某种轻型版本。它不应该包括所有方法吗？

Answer 1

如果要包含所有方法，请使用:

import 'rxjs/Rx';

如果您只想包含 skip() 方法，请使用:

import 'rxjs/add/operator/skip';

Rx 被设计为模块化，因此并非所有代码都加载到内存中。