我使用bower安装了jquery angularjs和ng-scrollbars但是当我尝试使用ng-scrollbars时出现以下错误
TypeError: c.mCustomScrollbar is not a function
at b (http://localhost:3000/bower_components/ng-scrollbars/dist/scrollbars.min.js:1:288)
at Object.link
这是我的基础模块
var app = angular.module('pro',['ce','restangular','ngScrollbars']);
这是我的指令,我在其中调用ngscrollbars
angular.module('pro')
.directive('pd',function () {
return{
bindToController:true,
scope:{
dat:'<'
},
restrict : 'E',
templateUrl:'cs.tpl.html',
controllerAs:'ctrl',
controller: function() {
var self = this;
self.config = {
autoHideScrollbar: false,
theme: 'light',
advanced:{
updateOnContentResize: true
},
setHeight: 200,
scrollInertia: 0
};
};
}
});
这是我的模板文件
<tr ng-scrollbars ng-scrollbars-config="ctrl.config" ng-repeat="spec in specsctrl.dat"><td>{{spec.name}}</td><td> {{spec.value}}</td></tr>
我如何提前感谢
注意: 我正在使用angularjs 1.5.8和jquery 3.x
答案 0 :(得分:2)
我也遇到了同样的错误,但是在'angular.js'之前我移动'jquery.js'和'mCustomScrollbar.js'脚本后它消失了
<script src="/js/jquery-2.2.4.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/js/angular.min.js"></script>
<script src="/js/scrollbars.min.js"></script>