0
我想創建一個數據表插件,它反映了與單個搜索框相同的jQuery數據表插件。我使用ngTable的數據表插件代碼不顯示任何數據,並且在控制檯上也沒有錯誤。請幫忙。這裏是我的代碼:使用Angular JS的數據表插件
<html>
<head>
<title>Insert title here</title>
<script src="js/angular.min.js"></script>
<link rel="stylesheet" href="js/ng-table.min.css">
<script src="js/ng-table.min.js"></script>
</head>
<body ng-app="myApp">
<div ng-controller="dataTable">
<input type="text" ng-model="searchUser">
<table ng-table="vm.tableParams" class="table">
<tr ng-repeat="user in $data">
<td title="'Name'" sortable="'name'">
{{user.name}}</td>
<td title="'Age'" sortable="'age'">
{{user.age}}</td>
</tr>
</table>
</div>
<script type="text/javascript">
angular.module("myApp",["ngTable"]) .controller('dataTable',function(NgTableParams,$scope,$filter){
var self = this;
var data = [{name: "Moroni", age: 50},
{name: "Simon", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Christian", age: 34},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27}
];
self.tableParams = new NgTableParams({ count: 5}, { counts: [5, 10, 25],dataset: data});
var usersData = []; // initial data
self.tableParams = new NgTableParams({
page: 1,
count: 5
}, {
counts : [5, 10, 25],
getData: function($defer, params) {
var searchedData = searchData();
params.total(searchedData.length);
$scope.users = searchedData.slice((params.page() - 1) * params.count(), params.page() * params.count());
$defer.resolve($scope.users);
},
$scope: { $data: {} }
});
$scope.$watch("searchUser", function() {
self.tableParams.reload();
});
var searchData = function(){
if($scope.searchUser)
return $filter('filter')(usersData,$scope.searchUser);
return usersData;
};
});
</script>
</body>
</html>
如果我將超過10條記錄添加到數據中,它的加載數據但分頁不起作用 – codewriter