草庐IT

intersection-observer

全部标签

javascript - Event.observe 函数 - 按类而不是 id 观察元素

有原型(prototype)js函数:Event.observe(元素、事件名称、处理程序)这里的元素是指元素的ID。是否可以将元素的class放在这里?我从第三方获得了这个元素,只有class属性。 最佳答案 $$可以通过css选择器检索元素,包括通过periodnotation按类检索元素。:$$('.myClass');//arraywithallelementsthathaveclass"myClass"为了回答您的问题,Event.observe是observe的“静态”版本(出于所有意图和目的)。作为方便原型(proto

javascript - 交叉口观察器不适用于位置为 : fixed 的目标

我正在尝试通过路口观察器调用回调。我希望target为style:"position:fixed"并通过style.top。我还使用style:"position:relative"指定了作为目标祖先的根元素。但是当目标和观察者相交时,回调函数不会被触发。我错过了一些限制吗?这是我输入的内容:IOaaabbbcccletoptions={root:document.getElementById("middle"),rootMargin:'0px',threshold:0};letobserver=newIntersectionObserver(entry=>{console.log("

javascript - 如何重启或刷新 Observable?

我有一个TypeScript/Angular2Observable,它在我第一次调用时就完美运行。但是,我有兴趣将多个订阅者附加到同一个可观察对象并以某种方式刷新可观察对象和附加的订阅者。这是我得到的:query():Rx.Observable{returnthis.server.get('http://localhost/rawData.json').toRx().concatMap(result=>result.json().posts).map((post:any)=>{varrefinedPost=newRefinedPost();refinedPost.Message=pos

javascript - 为什么你会在 Observable 函数上调用 .call() ?

我是Angular的相对初学者,我正在努力理解我从ng-bootstrap项目中阅读的一些源代码。Thesourcecodecanbefoundhere.我对ngOnInit中的代码感到很困惑:ngOnInit():void{constinputValues$=_do.call(this._valueChanges,value=>{this._userInput=value;if(this.editable){this._onChange(value);}});constresults$=letProto.call(inputValues$,this.ngbTypeahead);con

javascript - Angular2 路由守卫返回 Observable<bool>,如何处理错误

我有一个像下面这样的路由守卫@Injectable()exportclassAuthGuardimplementsCanActivate{constructor(privaterouter:Router,privateauthenticationSvc:AuthenticationService){}canActivate():Observable{returnthis.authenticationSvc.getAuthenticatedUser().map(r=>{if(this.authenticationSvc.isAuthenticated()){//loggedinsoret

javascript - 展平嵌套的 Observable

我被困在嵌套的可观察hell中,需要一只手。我有以下代码块returnthis.findUser(term).map(users=>{returnusers.map(user=>this.getLastLogin(user.user_id).map(last_login=>{user.last_login=last_login;returnuser;}));});findUser返回Observable和getLastLogin返回Observable.我基本上希望获取用户列表,然后使用来自另一个值的信息更新它。现在上面的代码正在返回[]>.我想我可以替换初始的map与flatMap但

javascript - RxJS 捕获 **并** 重试 Observable

我的用例是将Observable映射到成功和失败的redux操作。我进行网络调用(具有提供promise的功能),如果成功,我必须转发成功操作,如果失败则不是错误操作。Observable本身将继续运行。对于我所能搜索到的所有内容,RxJS没有一种机制可以捕获错误并重试原始错误。我的代码中有以下我不满意的解决方案:error$=newRx.Subject();searchResultAction$=search$.flatMap(getSearchResultsPromise).map((resuls)=>{return{type:'SUCCESS_ACTION',payload:{r

javascript - RxJS:Observable.create() 与 Observable.from()

这两者有什么区别?returnObservable.create(function(observer){if(array)observer.next([]);elseobserver.next(null);observer.complete();});和returnObservable.from(array?[]:null);我认为它可能是一样的,但效果不一样。 最佳答案 create(...)是一个通用的Observable工厂方法,用于创建一个Observable,您可以在其中明确指定值的方式传递给订阅者例如,如果您要创建一个定

javascript - Mobx:Observable 数组显示不正确

我想了解如何在Mobx中使用可观察数组。我很难弄清楚这是为什么:letentities=observable([]);entities[0]="foo";autorun(()=>{console.log(entities);});写道:[$mobx:Object]0:(...)1:(...)2:(...)3:(...)4:(...)5:(...)6:(...)7:(...)8:(...)9:(...)10:(...)11:(...)12:(...)13:(...)14:(...)15:(...)16:(...)17:(...)...999:(...)而不是经典数组?

javascript - Angular 2 Observable 服务集成测试

我想创建一个集成测试并点击我的实际服务(不是模拟)。我将如何在Angular2中做到这一点?这是我的可观察服务:import{Injectable}from'@angular/core';import{Http,Response,RequestOptions,Headers}from'@angular/http';import{Observable}from'rxjs/Observable';import'rxjs/add/operator/do';import'rxjs/add/operator/catch';import'rxjs/add/operator/map';import'