大佬教程收集整理的这篇文章主要介绍了无法在Angular2服务中找出正确的EventEmitter或Observable语法,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
其中一个主要的主题就是远离Angions2中的Promises,但我似乎无法使新的语法正确。@H_696_2@
我在做什么@H_696_2@
>我有一个可以注入其他的FirebaseAuth服务
服务或组件。
>我有一个异步调用的函数
firebase,在我的例子中创建一个用户
>我想返回一个Observable(替换承诺),其他服务可以用来做其他的事情,比如在解决这个问题时创建一个配置文件@H_696_2@
如果承诺是这个例子的最佳解决方案,我很好,但我想知道可观察的方式是什么。@H_696_2@
我的服务:@H_696_2@
/*DS Work on firebase Auth */ import {InjectablE} from 'angular2/angular2'; @Injectable() export class FirebaseAuth { ref = new Firebase('https://myfirebase.firebaseio.com'); //check if user is logged in getAuth(): any { return this.ref.getAuth(); } //register a new user createUser(user: any): Promise<any> { return new Promise((resolve,reject) => { this.ref.createUser(user,function(error,userData) { if (error) { reject(error); console.log('Error creaTing user:",error'); } else { resolve(userData); console.log('successfully created user account with uid:',userData.uid); } }) }) } };
如何重写这个以使用Observable和/或EventEmitter?@H_696_2@
createUser(user: any): any { return new Observable.create(observer => { this.ref.createUser(user,userData) { if (error) { observer.error(error); console.log("Error creaTing user:",error); } else { observer.next('success'); observer.complete(); console.log('successfully created user account with uid:',userData.uid); } }); }) }
这是一个使用Observables的例子的plnkr@H_696_2@
constructor() { this.createUser({}).subscribe( (data) => console.log(data),// Handle if success (error) => console.log(error)); // Handle if error }
EventEmitter另一方面是一个Subject
(documentation有点不同,因为angular2移动到最后一个版本,但它仍然是可以理解的)。@H_696_2@
_emitter = new EventEmitter(); constructor() { // Subscribe right away so we don't miss the data! this._emitter.toRx().subscribe((data) => console.log(data),(err) => console.log(err)); } createUser(user: any) { this.ref.createUser(user,userData) { if (error) { this._emitter.throw(error); console.log('Error creaTing user:",error'); } else { this._emitter.next(userData); this._emitter.return(); This will dispose the subscription console.log('successfully created user account with uid:',userData.uid); } }) }
这是一个plnkr的例子,使用EventEmitter。@H_696_2@
超短距离的差异:Observable在查找订阅者时开始发送数据;主题发出信息是否有订阅者。@H_696_2@
注意@H_696_2@
在EventEmitter的例子中,我使用了Rx()。这暴露了主题,但it’s being refactored,我们将不再需要Rx()了。@H_696_2@
有用资源更新@H_696_2@
RxJS In-Depth由Ben Lesh在AngularConnect’s 2015会议上发表。@H_696_2@
感谢Rob Wormald指出这一点@H_696_2@
你可以看到Sara Robinson’s talk和她的demo app,看看它运行here@H_696_2@
以上是大佬教程为你收集整理的无法在Angular2服务中找出正确的EventEmitter或Observable语法全部内容,希望文章能够帮你解决无法在Angular2服务中找出正确的EventEmitter或Observable语法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。