ng-table 不从 $data 加载任何数据

Question

我正在尝试通过以下方式将数据加载到 ng-table，

HTML

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="ng-table.min.css">
</head>
<body ng-app="myApp" ng-controller="mycont as vm">

<div class="container">
    <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>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="ng-table.min.js"></script>

<script src="table.js"></script>
</body>

Angular脚本（在table.js）

angular.module("myApp", ["ngTable"])

.controller('mycont', ['ngTableParams', function(ngTableParams) {
    var self = this;

    var data = [
        {name: "Moroni", age: 50},
        {name: "Alan", age: 45},
        {name: "Tony", age: 36}
    ];

    self.tableParams = new ngTableParams({}, { dataset: data});
}])

但我得到一个 table，即使有过滤器，但没有任何数据。

请帮帮我...

Answer 1

试试这个 -

您不能在视图的范围变量名称中使用 $，请仔细阅读 Angular 文档。

将$data更改为vm.tableParams.dataset

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

Answer 2

查看 intro code 的源代码，我注意到 NgTableParams 是大写的 N。

Answer 3

I copied your code to Plunker and it works fine，我所做的唯一更改是 ngTable 的 JavaScript 和 CSS 文件的 URL。

仔细检查您的 JavaScript 控制台和网络日志是否有错误。

由于我需要包含代码以包含指向 Plunker 的链接，这些是我使用的 URL：

<link rel="stylesheet" href="https://rawgit.com/esvit/ng-table/master/dist/ng-table.min.css">
<script src="https://rawgit.com/esvit/ng-table/master/dist/ng-table.min.js"></script>

ng-table 不从 $data 加载任何数据

ng-table doesn't load any data from $data

html

angularjs

ngtable