如何在角度应用程序中使用Pivot.js？

Question

我已经设置了一个角度应用程序，它使用了pivot.js tp构建一个数据透视表。我得到一个错误

"Cannot read property 'derivers' of undefined" 

这里是代码：

HTML：

app.js

routerApp.controller('productPivot',['$scope','$http','$objectstore',function($scope,$http,$objectstore){ 
    $scope.products = []; 
    var client = $objectstore.getClient("com.duosoftware.test","product"); 
     client.onGetMany(function(data){ 
     if (data){ 
      $scope.products = data; 
      var derivers = $.pivotUtilities.derivers; 
     $("#productsPivotTableOutput").pivotUI($scope.products, { 
      rows: ["Name"], 
      cols: ["CanBeSold"], 
      rendererName: "Table" 
     }); 

     } 
     }); 
    client.getByFiltering("*"); 
}]); 

我必须在某处注入枢轴js吗？这是我遵循的示例！ Pivot with angular

Answer 1

我终于做到了。这里是工作Plnker,

我们需要加载角度和jQuery后加载pivot.js。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-animate.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-aria.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pivottable/1.3.0/pivot.min.js"></script> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pivottable/1.3.0/pivot.min.css" />