无法在 JqueryUI 中访问 angular(8) 实例答案

【问题标题】：Can't access angular(8) instances in JqueryUI无法在 JqueryUI 中访问 angular(8) 实例
【发布时间】：2020-06-18 12:24:51
【问题描述】：

我正在使用可调整大小的 jquery UI 我已经添加了：

import * as $ from 'jquery'; 
import 'jquery-ui-dist/jquery-ui';

可调整大小也可以。

$('.myclass').resizable({
  resize: function (event, ui) {
    var divclass = document.getElementsByClassName('ABC');
    for (var i = 0, n = divclass.length; i < n; ++i) {
      var divid = divclass[i].id;
      console.log(divclass[i].id);
      this.myservice.height(divid, ui.size.height + 'px');
      this.myservice.width(divid, ui.size.width + 'px');
    }
  },
});

我无法访问 jQuery 内部的函数 width 和 height 但我可以访问外部。谁能帮我解决这个问题？ :)

【问题讨论】：

欢迎来到 StackOverflow！你得到什么样的错误，发生了什么，你的预期结果是什么？

标签： jquery user-interface angular8 resizable

【解决方案1】：

我通过添加“var selfRef = this;”解决了这个问题函数外

 var selfRef = this;
  $('.myclass').resizable({
     resize: function (event, ui) {
       var divclass = document.getElementsByClassName('ABC');
       for (var i = 0, n = divclass.length; i < n; ++i) {
          var divid = divclass[i].id;
          console.log(divclass[i].id);
    
       selfRef.myservice.height(divid, ui.size.height + 'px');
       selfRef.myservice.height(divid, ui.size.height + 'px');
        }
      },
  });

【讨论】：