我是 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/