Не удается получить доступ к экземплярам angular (8) в JQueryUI - PullRequest
Новая
       14

Не удается получить доступ к экземплярам angular (8) в JQueryUI

0 голосов
/ 18 июня 2020

Я использую jquery Пользовательский интерфейс с изменяемым размером, который я уже добавил: 

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

Я не могу получить доступ к функциям width и height внутри jQuery, но я могу получить доступ снаружи. Может ли кто-нибудь помочь мне с этим вопросом? :)

1 Ответ

0 голосов
/ 25 июня 2020

Я решил это, добавив "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');
        }
      },
  });
...