Question

在这个plunker中，我有ngTable应该显示两行，而只显示标题。这段代码出了什么问题？

的Javascript

var app = angular.module('app', ['ngTable']);

app.controller('myCtl', function($scope,$timeout,NgTableParams) {

      $timeout(function() {

          $scope.data = [ 
            { uid: 'User 1', nm: 'Name 1', ugr: 'Group 1'},
            { uid: 'User 2', nm: 'Name 2', ugr: 'Group 2'}
          ];

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

    }, 1000);


  $scope.toggleFilter = function (){
     $scope.showFilter = !$scope.showFilter;
  };


});

HTML

<div ng-controller="myCtl" ng-app="app">

    <a href="javascript:void(0)" ng-click="toggleFilter()">Toggle Filter</a>
    <table ng-table="tableParams" show-filter="showFilter" class="table table-bordered">
        <tbody>
            <tr ng-repeat="u in $data">
                <td title="'User ID'" filter="{ uid: 'text' }" sortable="'uid'" style="width:150px">{{ u.uid }}</td>
                <td title="'Name'" filter="{ nm: 'text' }" sortable="'nm'" style="width:150px">{{ u.nm }}</td>
                <td title="'Group'" filter="{ ugr: 'text'}" sortable="'ugr'" style="width:200px">{{ u.ugr }}</td>
            </tr>
        </tbody>
    </table>

</div>

Answer 1

更新：此答案不正确，请参阅标记为＆＃34的答案;更正＆＃34;。

如果您更改了“$ data＆＃39;到数据＆＃39;在HTML中。

thenReturn()

见这里：http://plnkr.co/edit/WlPVGYjSshLkwbJ78xNO?p=preview

NgTable网站上的例子使用v1.0.0-beta.9，所以我猜他们可能会稍微过时。

Answer 2

正确答案：

道歉，我的第一个答案太仓促了。我的解决方案修复了它，但它不正确。

真正的问题是您需要在控制器中将“数据集”更改为“数据”，如下所示（使用NgTable v.0.8.3）：

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

我还添加了一个计数，否则，它一次显示一个项目。

Plunkr：http://plnkr.co/edit/plDiFc4CCmrIf5YOeD5M?p=preview

ngTable未显示行

2 个答案: