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

Question

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

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

js fiddle link : 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>

控制器

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/

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

ngTable not working, simple example - copied from official website

javascript

angularjs

ngtable