Angular 2 个 Promises 还是 RxJs?
Angular 2 Promises or RxJs?
看看 RxJs,它们似乎更强大,但到目前为止我们一直在使用 Promises 来完成 angular 应用程序中的 Ajax。
在 Angular 2 个应用程序中,哪个是首选方法?使用 RxJs 时,我们是否需要包含 ES6 promise polyfill?
它们可以结合使用,效果很好。 RxJS 不仅用于解决承诺,还用于异步应用程序流程。您可以使用 Rx.Observable.fromPromise 创建一个 Observable,它会在 promise 被解析时发出一个元素。
这是一个例子:
// 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
有关 angular 2 的 RxJS 演示,请查看 angular2-rxjs-chat
看看 RxJs,它们似乎更强大,但到目前为止我们一直在使用 Promises 来完成 angular 应用程序中的 Ajax。
在 Angular 2 个应用程序中,哪个是首选方法?使用 RxJs 时,我们是否需要包含 ES6 promise polyfill?
它们可以结合使用,效果很好。 RxJS 不仅用于解决承诺,还用于异步应用程序流程。您可以使用 Rx.Observable.fromPromise 创建一个 Observable,它会在 promise 被解析时发出一个元素。
这是一个例子:
// 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
有关 angular 2 的 RxJS 演示,请查看 angular2-rxjs-chat