Question

我刚刚开始学习angular2，我正在尝试使用angular2做RxJs的样本。如果有人帮助我，我将非常感激。

RxJs代码 -

var obs = Rx.Observable.interval(500)
       .take(5)
       .do(i => console.log(i) );

的package.json

  {
    "name": "angular-quickstart",
    "version": "1.0.0",
    "scripts": {
      "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
      "lite": "lite-server",
      "postinstall": "typings install",
      "tsc": "tsc",
      "tsc:w": "tsc -w",
      "typings": "typings"
    },
    "license": "ISC",
    "dependencies": {
    "@angular/common": "~2.0.1",
    "@angular/compiler": "~2.0.1",
    "@angular/core": "~2.0.1",
    "@angular/forms": "~2.0.1",
    "@angular/http": "~2.0.1",
    "@angular/platform-browser": "~2.0.1",
    "@angular/platform-browser-dynamic": "~2.0.1",
    "@angular/router": "~3.0.1",
    "@angular/upgrade": "~2.0.1",
    "angular-in-memory-web-api": "~0.1.1",
    "bootstrap": "^3.3.7",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.8",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.39",
    "zone.js": "^0.6.25"
    },
    "devDependencies": {
      "concurrently": "^3.0.0",
      "lite-server": "^2.2.2",
      "typescript": "^2.0.3",
      "typings":"^1.4.0"
    }
  }

Answer 1

更新2020：

对于使用自述文件中列出的CDN的用户，即https://unpkg.com/rxjs/bundles/rxjs.umd.min.js。

开发人员必须将rxjs的全局命名空间从Rx更改为rxjs，因此请使用rxjs代替Rx，

var obs = rxjs.Observable.interval(500)
       .take(5)
       .do(i => console.log(i) );

有关更多信息，请阅读rxjs's README.md

Answer 2

我刚刚在Observable之前移除了Rx -

var obs = Observable.interval(500)
   .take(5)
   .do(i => console.log(i) );

Answer 3

npm install rxjs

counter.ts

import {Observable} from 'rxjs/Observable';
import 'rxjs/add/observable/interval';

// To get the typescript compiler to recognise Rx.* execute.
// npm install @types/rx --save-dev

let obs = Observable.interval(1000);


obs.subscribe(value => console.log("Subscriber: " + value));

tsc counter.ts
node counter.js

订阅者：0

订阅者：1

订阅者：2

^ C

ReferenceError：未定义Rx

3 个答案: