Javascript Angularjs:can';无法识别控制器中的表格
我正在使用angularjs作为前端开发一个web应用程序。我正在使用ngTable进行我的桌子设计。在我的index.html中,我添加了以下代码Javascript Angularjs:can';无法识别控制器中的表格,javascript,angularjs,Javascript,Angularjs,我正在使用angularjs作为前端开发一个web应用程序。我正在使用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.co
<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>
但是当我将ngTable添加到controller.js中时。下面是我的代码
angular.module('AssetManagementApp')
当我将“ngTable”注入控制器时,web应用程序崩溃。如果我删除controller.js中的ngTable。应用程序将恢复正常。然而,当“ngTable”被注入app.js时,应用程序仍然运行良好 您还必须将
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);
}
});
}])
甚至我将ngTableParams添加到.controller('PCAssetManagementController',['$scope','$http','ngTableParams',函数($scope,$http,ngTableParams)中。它仍然有相同的问题。抱歉,它的大写字母是N:
NgTableParams
。我已经更新了答案。仍然有相同的问题。主要问题是程序无法识别控制器注入的NgTableParams。这是ngTable用法的工作示例。
.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);
}
});
}])
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);
}
});
}])