javascript - 为什么 ng-table 不将数据从数组填充到表中?

标签 javascript html angularjs angular-ui-bootstrap

我是 Angular 和 Bootstrap 的新手,但我之前已经使用了正常的表格。

我决定使用 ng-table,因为它有很多我想要的功能,但我有点卡住了。

myApp.html

<table ng-table="tableParams" class="table">
    <tr ng-repeat="user in $data">
        <td title="'First Name'">
            {{user.firstName}}
        </td>
        <td title="'Last Name'">
            {{user.lastName}}
        </td>
    </tr>
</table>

myAppController.js

app.controller("myAppController", function($scope, NgTableParams){

$scope.names = [{"firstName":"thomas", "lastName":"thomason"},
               {"firstName":"rob", "lastName":"robertson"},
               {"firstName":"john", "lastName":"johnson"}];

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

如果我将其更改为普通表,它就可以工作。我已经查看了所有示例 here ,但除了示例之外没有真正的文档,并且这些示例基于旧版本。

我在另一个文件中包含了 ng-tables,并且可以正常工作,因为我可以看到 ng-table,但没有填充任何数据。我在浏览器或 IDE 中没有收到任何错误。

感谢任何帮助。谢谢,如果我需要更多信息,请告诉我。

最佳答案

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

尝试将上面的行设置为此

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

看起来 NgTable 使用的变量被解析为数据集中的 $data 。我注意到这是示例中唯一明显不同的地方。

关于javascript - 为什么 ng-table 不将数据从数组填充到表中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36270327/

相关文章:

javascript - 在 Svelte #await :then 之后调用 javascript 函数的任何方法

javascript - JQuery fadeTo() 函数与 scrollTop()

javascript - 文件上传 Angular 2+ 后获取错误 404

html - 如何计算行内元素的高度

javascript - angularjs 指令中的按钮不起作用

javascript - 在socket.on函数中访问请求参数

html - 您如何在页面上拉伸(stretch)页眉、内容和页脚颜色,并且所有内容都以固定宽度居中?

javascript - 我如何让通知栏在每个 session 中只显示一次?

javascript - AngularJS-从网站注销不起作用

javascript - 强制 ngRepeated 元素在过滤后重绘