elem.colResizable не является функцией - PullRequest
Новая
       10

elem.colResizable не является функцией

0 голосов
/ 03 марта 2020

Я пытаюсь изменить размер столбца таблицы в angularjs Я использую следующую директиву 

myApp.directive('colResizeable', function() {
  return {
    restrict: 'A',
    link: function(scope, elem) {
      setTimeout(function() {
        elem.colResizable({
          liveDrag: true,
          gripInnerHtml: "<div class='grip'></div>",
          draggingClass: "dragging",
          onDrag: function() {
            //trigger a resize event, so width dependent stuff will be updated
            $(window).trigger('resize');
          }
        });
      });
    }
  };
})

и использую ее в таблице 

<table id="tblbody"  col-resizeable >

но я получаю сообщение об ошибке в консоли, как это

elem.colResizable не является функцией 

<head>
     <script src="src/scripts/lib/less/colResizeable.js"></script>
</head>

Я добавил плагин изменяемого размера также в теге head а также

1 Ответ

2 голосов
/ 03 марта 2020

Обязательно загрузите библиотеку jQuery до AngularJS framework.

Из документов:

Если jQuery доступно, angular.element - псевдоним для функции jQuery. Если jQuery недоступно, angular.element делегирует встроенное подмножество AngularJS jQuery, которое называется "jQuery lite" или jqLite .

Чтобы использовать jQuery, просто убедитесь, что он загружен до angular.js файла.

- AngularJS angular.element Справочник по API

...