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

// 在Angular组件中定义一个变量用于保存setInterval的ID
intervalId: any;

// 在组件的某个方法中启动定时器
startInterval() {
  // 使用箭头函数确保函数在调用时保持正确的上下文
  this.intervalId = setInterval(() => {
    // 这里写定时器的逻辑
    // 可以访问组件的属性和方法，不会丢失上下文
  }, 1000);
}

// 在组件的某个方法中停止定时器
stopInterval() {
  clearInterval(this.intervalId);
}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>

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

@Component({
  selector: 'app-my-component',
  template: `<div id="draggable">可以拖动的元素</div>`
})
export class MyComponent implements OnInit {
  ngOnInit() {
    // 初始化jquery-ui的拖动功能
    $("#draggable").draggable();
  }
}