ngTable不起作用，简单的例子-从官方网站复制

Question

我关注的网站：http://ng-table.com/

我在搜索表格指令以加快整个工作，然后我登录到ngTable github页面和他们的特定网址。

我遵循了他们主页上列出的流程，但我不知道为什么这不起作用。

js小提琴链接：点击这里

HTML

<table ng-table="vm.tableParams" class="table" show-filter="true">
    <tr ng-repeat="user in $data">
        <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
            {{user.name}}</td>
        <td title="'Age'" filter="{ age: 'number'}" sortable="'age'">
            {{user.age}}</td>
    </tr>
</table>

控制器

var self = this;
var data = [{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name: "Moroni", age: 50},{name: "Moroni", age: 50}];
self.tableParams = new NgTableParams({}, { dataset: data});

Answer 1

我更改了您的示例中的一些内容。以下是控制器中的基本内容：

$scope.data = [{
  name: "Test1",
  age: 50
}, {
  name: "Test2",
  age: 51
}, {
  name: "Test3",
  age: 52
}, {
  name: "Test4",
  age: 53
}, {
  name: "Test5",
  age: 54
}, {
  name: "Test6",
  age: 55
}];
$scope.tableParams = new NgTableParams({}, {
  dataset: $scope.data
});

希望这能给你一个解决问题的正确方向。

工作演示：https://jsfiddle.net/thepio/ushoubbx/