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

时间:2016-03-28 20:12:21

标签: javascript html angularjs angular-ui-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,而且这是工作b / c我能够看到ng-table,但没有填充数据。我在浏览器或IDE中没有收到任何错误。

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

1 个答案:

答案 0 :(得分:2)

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

尝试将上述行设置为此

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

好像NgTable使用的变量被解析为数据集中的$ data。我注意到这是示例中唯一明显不同的东西。