ng-scrollbar中的错误TypeError:c.mCustomScrollbar不是函数

时间:2016-09-22 10:31:58

标签: jquery angularjs

我使用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

1 个答案:

答案 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>