gpt4 book ai didi

javascript - Angular ng-table 没有加载数据集?

转载 作者:行者123 更新时间:2023-12-03 09:45:06 26 4
gpt4 key购买 nike

我正在尝试使用 ng-table 指令。很难让演示代码在我的本地项目中正常工作。

http://ng-table.com

在我的 Controller 中,我设置了我的数据。

    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>

不知道发生了什么,我是否缺少一些简单的东西?

最佳答案

我认为文档可能已过时。我将“数据集”更改为“数据”,就像这样(使用 v0.8.3):

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

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

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

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

关于javascript - Angular ng-table 没有加载数据集?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34787456/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com