在AngularJS中使用它時出現錯誤「Object has no method'jScrollPane'」

Question

我在另一個組上找到了以下指令。但也有關於如何使用它沒有說明：

appModule.directive('scrollpane',function($compile) 
{ 
    return { 
     restrict: 'A', 
     link: function(scope , element , attrs) { 
      element.addClass('scroll-pane'); 
      element.jScrollPane(); 
      var api = element.data('jsp'); 
      scope.$watch(function(){return element.find('.'+attrs.scrollpane).length},function(length){ 
       api.reinitialise(); 
      }); 
     } 
     }; 
}); 

我想用這樣的：

<div scrollpane 
     style="overflow: hidden; padding: 0px; width: 760px;"> 
     <table"> 
      <tr data-ng-repeat="row in grid.data"> 

但這隻要我的頁面顯示給我一個錯誤：

TypeError: Object [object Object] has no method 'jScrollPane' 
    at link (http://127.0.0.1:81/Content/app/common/directives/autoExpand.js:37:21) 
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:305) 
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59) 
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:76) 
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:246) 
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59) 
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:246) 
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59) 
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:76) 
    at http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:42:114 
     <div scrollpane="" style="overflow: hidden; padding: 0px; width: 760px;" > 

有沒有人有任何想法可能會導致這個錯誤，我怎麼能解決它？

Answer 1

錯誤是顯而易見的，element.jScrollPane（）;在元素對象上沒有方法jScrollPane（），如果你想從jquery插件使用jScrollPane，請確保你的html中引用了插件。