No sé cómo explicarlo correctamente, pero lo intentaré.

El uso de mi aplicación: angular (7), jquery-ui, fullcalendar (v3)

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

UpdateExTrips (): solicitud asincrónica al servidor (función) para obtener eventos externos para el calendario. Solicitar uso return new Promise

Antes de la solicitud, inicializo el componente agregándolo

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

Después de la ejecución updateExTrips, vuela y se puede arrastrar. En otras palabras, es posible mover un elemento antes de llamar a la función, pero no después de ejecutarla.

Gracias

0
Olga Ibragimova 23 jul. 2020 a las 17:32

1 respuesta

La mejor respuesta

Ayúdame ChangeDetectorRef

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

constructor(private cd : ChangeDetectorRef)

Llamada necesaria después de actualizar los datos

this.http.get<Trip[]>('/trip/')
     .subscribe(
     ...
     this.cd.detectChanges(); 
     ...
     //redraw and add $(el).draggable({
     );
0
Olga Ibragimova 24 jul. 2020 a las 10:26