我必须在这里遗漏一些东西,但是为什么我的表没有使用Ng-table加载数据?我尝试了一个例子,但它对我不起作用。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example105-production</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="test">
<div ng-controller="ExampleController">
<table ng-table="tableParams">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tr ng-repeat="row in $data">
<td>{{row.name}}</td>
</tr>
</table>
</div>
</body>
</html>
(function(angular) {
'use strict';
angular.module('test', ['ngTable'])
.controller('ExampleController', ['$scope', function($scope) {
var data = [{ name: "Moroni", age: 50 }, {name: "Moroni2", age: 502 }];
this.tableParams = new NgTableParams({}, { dataset: data });
}]);
})(window.angular);
答案 0 :(得分:1)
您忘记注入控制器:NgTableParams
。
在数据集中更改数据为例:
$scope.table = new NgTableParams({}, {
data: data
});
在plunker中查看您的示例: http://plnkr.co/edit/b95EjalSTLd70YuB3ZHH?p=preview
答案 1 :(得分:0)
此处需要进行2项更改:
1)将数据放在控制器的范围内,与视图共享:
$scope.data = [{name: 'Mor .....;
2)在html
中使用范围变量(数据)的名称<tr ng-repeat="row in data">
答案 2 :(得分:0)
制作此更改控制器
$scope.data = [{ name: "Moroni", age: 50 }, {name: "Moroni2", age: 502 }];
// this.tableParams = new NgTableParams({}, { dataset: data });
并使用
ng-repeat="row in data"