无法访问 JqueryUI 中的 angular(8) 个实例

Question

我正在使用 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 但我可以访问外部。谁能帮我解决这个问题？ :)

Answer 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');
        }
      },
  });

无法访问 JqueryUI 中的 angular(8) 个实例

Can't access angular(8) instances in JqueryUI

jquery

user-interface

resizable

angular8