javascript - ngTable 不工作，简单示例 - 从官方网站复制

Question

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

我正在搜索表指令以加快整个工作，然后我登陆了 ngTable github 页面及其特定的 web url。

我按照他们主页上列出的流程进行操作，但我不知道为什么这不起作用。

js fiddle 链接:Click Here

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>

Controller

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

我在你的例子中改变了一些东西。这是 Controller 中的基本内容:

$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/