Angularjs：私は、フロントエンドとしてangularjsを使用してWebアプリケーションを開発していコントローラ

Question

でngTableを認識することはできません。私はテーブルデザインにngTableを使用しています。私のindex.htmlでは、次のコードを追加します。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
<link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css"> 
<script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script> 

私はcontroller.jsにngTableを追加する場合次に、私は

angular.module('AssetManagementApp', ['ngRoute','angularMoment', 'ngTable']) 

私app.jsにngTableを追加します。しかし。以下は私のコードです。

angular.module（ 'AssetManagementApp'）

.controller('PCAssetManagementController', ['$scope', '$http', function($scope, $http){ 
     $scope.softwareTable = new ngTableParams({ 
      page: 1, 
      count: 10 
     }, { 
      total: $scope.users.length, 
      getData: function ($defer, params) { 
       $scope.data = $scope.users.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
       $defer.resolve($scope.data); 
      } 
     }); 

    }]) 

Iは、コントローラに 'ngTable' を注入するウェブアプリケーションのクラッシュ。 controller.jsでngTableを削除した場合アプリケーションは正常に戻ります。しかし、アプリケーションは、 'ngTable'がapp.jsに注入されてもうまく機能します。

Answer 1

あなたはまた、あなたのコントローラにngTableParamsを注入する必要があります。

angular.module('AssetManagementApp').controller('PCAssetManagementController', ['$scope', '$http', 'NgTableParams', function($scope, $http, NgTableParams){ 
    $scope.softwareTable = new NgTableParams({ 
     page: 1, 
     count: 10 
    }, { 
     total: $scope.users.length, 
     getData: function ($defer, params) { 
      $scope.data = $scope.users.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
      $defer.resolve($scope.data); 
     } 
    }); 

}])