我正在尝试使用以下指令在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标签中也添加了可调整大小的插件
请确保加载jQuery库之前 AngularJS框架。
来自文档:
[如果有jQuery,则
angular.element
是jQuery函数的别名。如果没有jQuery,则angular.element
委派给AngularJS的内置jQuery子集,称为“ jQuery lite”或jqLite。]]要使用jQuery,只需确保已在
angular.js
文件之前加载它。