大佬教程收集整理的这篇文章主要介绍了Angular 2 Ngrx商店,效果和“短暂状态”，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我试图向用户显示表单的状态“待定,成功,错误,原始”.我不想在商店中拥有这些状态,因为它们是“短暂的状态”.
@Effect()
addTagToVideoEffect_ = this.appState_
.ofType(TagActions.ADD_TAG_TO_VIDEO)
.map<AddTagToVideo>(action => action.payload)
.switchMap((addTag: AddTagToVideo) => this.dtsiVideosService.addTagToVideo(addTag)
.map((addTag: AddTagToVideo) => TagReducers.addTagToVideoComplete(addTag))
.catch((err) =>Observable.throw(err))
);
在我的表单组件中,我将调度TagActions.ADD_TAG_TO_VIDEO并订阅它：
onTag(tag: TagEntity) {
this.subscription = this.tagActions.addTagToVideoEffect_.subscribe(
this.onAddTagSuccess,this.onAddTagError
);
this.tagActions.addTagToVideo({videoId: this.videoId,tag: tag});
}
.tagActions.addTagToVideoEffect_.subscribe导致我的效果被调用两次.如何在没有经过商店的所有短暂状态的情况下获得视图中效果的结果？并没有被称为两次的效果……
@Effect()
addTagToVideoEffect_ = this.appState_
.ofType(TagActions.ADD_TAG_TO_VIDEO)
.map<AddTagToVideo>(action => action.payload)
.switchMap((addTag: AddTagToVideo) => this.dtsiVideosService.addTagToVideo(addTag)
.map((addTag: AddTagToVideo) => TagReducers.addTagToVideoComplete(addTag))
.catch((err) => Observable.throw(err))))
.share();
然后你可以在你的视图中使用它：
tagFormState_: BehaviorSubject<FormState> = new BehaviorSubject<FormState>({});
onTag(tag: TagEntity) {
Observable.from(this.tagActions2.addTagToVideoEffect_)
.first()
.toPromise()
.then(this.onAddTagSuccess,this.onAddTagError)
this.tagFormState_.next({pending: true});
this.tagActions.addTagToVideo({videoId: this.videoId,tag: tag});
}
onAddTagSuccess = (payload) => {
this.tagFormState_.next({success: 'Success !'});
this.resetTagFormState();
}
onAddTagError = (err) => {
this.tagFormState_.next({error: err.message});
this.resetTagFormState();
}
resetTagFormState() {
setTimeout(_=> {
this.tagFormState_.next({});
},1000);
}
> https://github.com/ReactiveX/RxJS/issues/1135
> https://github.com/ReactiveX/rxjs/issues/1420
> https://egghead.io/courses/rxjs-subjects-and-multicasting-operators
以上是大佬教程为你收集整理的Angular 2 Ngrx商店,效果和“短暂状态”全部内容，希望文章能够帮你解决Angular 2 Ngrx商店,效果和“短暂状态”所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。