草庐IT

rxjs_observable

全部标签

javascript - 取消订阅 RxJS Observables

我有这两个对象,我想停止监听它们的事件。我对observables和RxJS完全陌生,只是尝试使用Inquirer库。RxJSAPI供引用:http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html如何取消订阅这些类型的可观察对象?ConnectableObservable:ConnectableObservable{source:EventPatternObservable{_add:[Function],_del:[Function],_fn:undefined},_connection:ConnectDispo

javascript - 在 Observable KnockOutJS 中退订

我目前正在使用KnockOutJS,我进行了一些研究,了解何时通知observable它将触发一个像这样的函数functionFunctionToSubscribe(){}varTestObservable=ko.observableArray([]);TestObservable.subscribe(FunctionToSubscribe);我正在订阅此事件中的FunctionToSubscribe我目前在想有没有办法取消订阅?就像我们在C#中做的那样?当取消订阅事件时,有人对此有想法吗??? 最佳答案 subscribe函数返回

javascript - RxJS 中的同步性

我希望以下代码可以异步运行:varrange=Rx.Observable.range(0,3000000);range.subscribe(function(x){},function(err){},function(){console.log('Completed');});console.log('HelloWorld');但事实并非如此。遍历大范围的数字需要一段时间,只有完成后才会恢复执行,您可以尝试代码here.我对何时期望RxJS同步或异步行为感到困惑。这取决于使用的方法吗?我之前的想法是,一旦我们进入Observables/Observer领域,其中的所有内容都会异步运行,

javascript - 订阅 observable 返回 undefined

因此,我正在尝试订阅一个从本地JSON文件返回数据的简单服务。我已经设法让服务正常工作,我可以在函数中将其注销,但是当我在angular2组件中订阅服务时,它始终是未定义的。我不确定为什么?任何帮助将不胜感激。API服务exportclassApiService{publicdata:any;constructor(private_http:Http){}getData():any{returnthis._http.get('api.json').map((response:Response)=>{console.log('inresponse',response.json());//

javascript - Mutation Observer 未定义

我正在尝试修复和发布我的代码。我最初使用DOMNodeRemoved和DOMNodeInserted来关注我正在处理的页面中的元素。它们运行良好但在IE中不起作用。所以我开始尝试使用MutationObserver。这是我在onPageInit上调用的代码(回调写入控制台,但我禁用了它,因为IE不再支持控制台):varcallback=function(allmutations){allmutations.map(function(mr){varmt='Mutationtype:'+mr.type;//logthetypeofmutationmt+='Mutationtarget:'+

javascript - 使用更改观察者观察 Object.observe() 下的原生​​属性

现在Object.observe()在Chrome中默认打开,我遇到了很多情况,我想重用浏览器的内置属性(hidden,title,draggable),但*Changed观察者在属性改变时不再被调用。一个例子是隐藏:http://jsbin.com/jizikaje/1/edit(hiddenChanged()从未被调用)我目前的解决方法是使用attributeChanged()来观察属性的变化:attributeChanged:function(attrName,oldVal,newVal){//Cannotuse*Changedwatchersforthesenativeprop

javascript - RxJS 和 React 多次点击元素形成单个数据数组

所以我刚开始尝试学习rxjs并决定在我目前正在使用React开发的UI上实现它(我有时间这样做,所以我就去做了)。然而,我仍然很难理解它实际上是如何工作的……不仅仅是“基本”的东西,比如什么时候实际使用Subject和什么时候使用Observable,或者什么时候只使用React的本地状态,还有如何链接方法等等。但这太宽泛了,所以这是我遇到的具体问题。假设我有一个UI,其中有一个过滤器(按钮)列表,这些过滤器(按钮)都可以点击。每当我点击其中一个时,我首先要确保接下来的操作会去抖动(以避免太快和太频繁地发出网络请求),然后我想确保如果它被点击(事件),它将被插入一个数组,如果再次单击它

javascript - 如何访问 [__ob__ : Observer] in VueJS? 的元素

我是VueJS的新手。有一个父组件,数据从父组件传递给子组件和孙组件。我的子组件看起来像这样,B.vueimportCfrom'./c.vue'exportdefault{props:['info'],components:{'c':C},created:function(){this.getInfo();},methods:{getInfo:function(){console.log("Printinginsidegetmethod",this.info);}}}当我看到控制台时,我看到一个像这样打印的数组,当我尝试像这样访问数组的元素时,info[0],控制台显示未定义。我无法访

javascript - 如何从无限的 RxJs 流中获取不是初始值的单个最新值?

概念这是一个模拟的angular2项目。当使用来自redux存储的可观察流时,我尝试先过滤,然后获取/takeLast/last最新值。之后,我想在流完成时解决promise,但在使用takeLast运算符时却没有。所以问题是:我可以使用什么运算符设置来从流中获取最新值?设置我将我的Angular2设置简化为RxJs使用的要点。sourceobservable由redux库管理,未完成服务正在提供一些逻辑来从流中检索最新值组件是消费值(value)promise风格这是一个工作示例:https://fiddle.jshell.net/markus_falk/an41z6g9/redux

javascript - 从多个 Observable 传递值

在我的Angular服务中,我有以下方法://createsanItemandreturnstheIDofthecreatedItemcreateItem(item:Item):Observable{returnthis.http.post('some_api_url',item);}//returnsallItemsgetAllItems():Observable{returnthis.http.get('some_api_url');}在我的模板中,我在列表中显示项目。我希望能够创建一个新项目,然后重新加载列表(以包括新创建的项目),所以我实现了以下内容:this.itemServ