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

Question

我不知道怎么解释才好，我会尽力的。

我的应用程序使用：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后，飞离可拖动。换句话说，可以在调用函数之前移动元素，但不能在执行函数之后移动。

谢谢

Answer 1

帮我 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({
     );

Loss of context draggable jquery-ui on Angular in setInterval