文章/答案/技术大牛

发布

社区首页 >问答首页 >在setInterval的Angular上丢失上下文可拖动的jquery-ui

问在setInterval的Angular上丢失上下文可拖动的jquery-ui
EN

Stack Overflow用户

提问于 2020-07-23 14:32:29

回答 1查看 21关注 0票数 0

我不知道如何恰当地解释它，但我会试一试。

我的应用程序使用: angular (7)，jquery-ui，fullcalendar (v3)

this.intervalExTrips = setInterval(this.updateExTrips.bind(this), 10000);

updateExTrips() -对服务器(函数)的异步请求，用于获取日历的外部事件。请求使用return new Promise

在请求之前，我通过添加组件来初始化组件

    $(el).draggable({
                  zIndex: 2,
                  scroll: false,
                  appendTo: 'body',
                  ....
    })

在执行updateExTrips之后，它将以可拖动的方式飞走。换句话说，可以在调用函数之前移动元素，但不能在执行函数之后移动。

谢谢

jquery

fullcalendar

setinterval

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-24 10:26:38

帮助我ChangeDetectorRef

import {ChangeDetectorRef, Component, OnDestroy, OnInit} from '@angular/core';

constructor(private cd : ChangeDetectorRef)

更新数据后的必要调用

this.http.get<Trip[]>('/trip/')
     .subscribe(
     ...
     this.cd.detectChanges(); 
     ...
     //redraw and add $(el).draggable({
     );

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63056730

复制

相似问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问在setInterval的Angular上丢失上下文可拖动的jquery-ui
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在setInterval的Angular上丢失上下文可拖动的jquery-uiEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在setInterval的Angular上丢失上下文可拖动的jquery-ui
EN