Angular 2 Promises还是RxJs?

时间:2015-12-18 09:36:39

标签: angular rxjs es6-promise

看看RxJs,它们似乎更强大,但到目前为止我们一直在使用Promise在角度应用程序中执行Ajax。

Angular 2应用程序中哪一个是首选方法?在使用RxJs时,我们是否需要包含ES6 promise polyfill?

1 个答案:

答案 0 :(得分:5)

它们可以一起使用,效果非常好。 RxJS不仅用于解析promise,还用于异步应用程序流。在解析promise时,您可以使用Rx.Observable.fromPromise创建一个发出一个元素的Observable。

以下是一个例子:

// Create a promise which resolves 42
var promise1 = new RSVP.Promise(function (resolve, reject) {
    resolve(42);
});

var source1 = Rx.Observable.fromPromise(promise1);

var subscription1 = source1.subscribe(
  function (x) {
    console.log('Next: %s', x);
  },
  function (err) {
    console.log('Error: %s', err);
  },
  function () {
    console.log('Completed');
  });

// => Next: 42
// => Completed

// Create a promise which rejects with an error
var promise2 = new RSVP.Promise(function (resolve, reject) {
    reject(new Error('reason'));
});

var source2 = Rx.Observable.fromPromise(promise2);

var subscription2 = source2.subscribe(
  function (x) {
    console.log('Next: %s', x);
  },
  function (err) {
    console.log('Error: %s', err);
  },
  function () {
    console.log('Completed');
  });

// => Error: Error: reject

对于使用RxJS的角度2演示,请查看angular2-rxjs-chat