Angular ng-table 没有加载数据集?
Angular ng-table not loading dataset?
我正在尝试使用 ng-table
指令。很难让演示代码在我的本地项目中正常工作。
在我的控制器中,我设置了我的数据。
var dataset = [
{name: "Moroni50", age: 50},
{name: "Moroni49", age: 49},
{name: "Moroni48", age: 48},
{name: "Moroni47", age: 47},
{name: "Moroni46", age: 46},
];
$scope.tableParams = new NgTableParams({}, {dataset: dataset});
当我 console.log($scope.tableParams)
时,似乎 object 已成功创建。但是它显示 data
是一个长度为 0 的空数组。
然后渲染代码只显示没有数据的 table header。
<table ng-table="tableParams" class="table" show-filter="true">
<tr ng-repeat="user in $data">
<td title="'Name'" sortable="'name'">{{ user.name }}</td>
<td title="'Age'" sortable="'age'">{{ user.age }}</td>
</tr>
</table>
不知道发生了什么,我是否缺少一些简单的东西?
我认为文档可能已过时。我将 "dataset" 更改为 "data",就像这样(使用 v0.8.3):
$scope.tableParams = new NgTableParams({}, {data: dataset});
您还可以添加计数(否则每页只显示一个项目)。
$scope.tableParams = new NgTableParams({
count: 10
}, {
data: dataset
});
正如 Rob 所说,文档似乎引用了最新的 1.x 测试版。在 1.0.0-beta.4,他们将 settings().data 更改为 settings().dataset。因此,如果您使用的是旧版本,请使用数据。
https://github.com/esvit/ng-table/releases?after=1.0.0-beta.5
我正在尝试使用 ng-table
指令。很难让演示代码在我的本地项目中正常工作。
在我的控制器中,我设置了我的数据。
var dataset = [
{name: "Moroni50", age: 50},
{name: "Moroni49", age: 49},
{name: "Moroni48", age: 48},
{name: "Moroni47", age: 47},
{name: "Moroni46", age: 46},
];
$scope.tableParams = new NgTableParams({}, {dataset: dataset});
当我 console.log($scope.tableParams)
时,似乎 object 已成功创建。但是它显示 data
是一个长度为 0 的空数组。
然后渲染代码只显示没有数据的 table header。
<table ng-table="tableParams" class="table" show-filter="true">
<tr ng-repeat="user in $data">
<td title="'Name'" sortable="'name'">{{ user.name }}</td>
<td title="'Age'" sortable="'age'">{{ user.age }}</td>
</tr>
</table>
不知道发生了什么,我是否缺少一些简单的东西?
我认为文档可能已过时。我将 "dataset" 更改为 "data",就像这样(使用 v0.8.3):
$scope.tableParams = new NgTableParams({}, {data: dataset});
您还可以添加计数(否则每页只显示一个项目)。
$scope.tableParams = new NgTableParams({
count: 10
}, {
data: dataset
});
正如 Rob 所说,文档似乎引用了最新的 1.x 测试版。在 1.0.0-beta.4,他们将 settings().data 更改为 settings().dataset。因此,如果您使用的是旧版本,请使用数据。
https://github.com/esvit/ng-table/releases?after=1.0.0-beta.5