Question

我正在尝试使用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)时，似乎已成功创建对象。但是它显示data是一个长度为0的空数组。

渲染代码然后只显示没有数据的表头。

<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>

不知道发生了什么，有什么简单的我不知道吗？

Answer 1

我认为文档可能已过时。我让它将“数据集”改为“数据”，就像这样（使用v0.8.3）：

$scope.tableParams = new NgTableParams({}, {data: dataset});

您还可以添加计数（否则每页只显示一个项目）。

$scope.tableParams = new NgTableParams({
    count: 10 
}, {
    data: dataset
});

工作演示：http://plnkr.co/edit/Sbaqgzo6QT3sjxEduRFO?p=preview

Answer 2

正如Rob所说，文档似乎引用了最新的1.x beta版本。在1.0.0-beta.4，他们将settings（）。data更改为settings（）。dataset。因此，如果您使用旧版本，请使用数据。

https://github.com/esvit/ng-table/releases?after=1.0.0-beta.5

Angular ng-table没有加载数据集？

2 个答案: