Question

我必须在这里遗漏一些东西，但是为什么我的表没有使用Ng-table加载数据？我尝试了一个例子，但它对我不起作用。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example105-production</title>
<link href="style.css" rel="stylesheet" type="text/css">


<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.js"></script>
<script src="script.js"></script>



</head>
<body ng-app="test">
<div ng-controller="ExampleController">
<table ng-table="tableParams">
            <thead>
            <tr>
            <th>Name</th>
            <th>Age</th>
            </tr>
            </thead>
            <tr ng-repeat="row in $data">
                <td>{{row.name}}</td>
            </tr>
        </table>
</div>
</body>
</html>

(function(angular) {
'use strict';
angular.module('test', ['ngTable'])
.controller('ExampleController', ['$scope', function($scope) {

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

  }]);
})(window.angular);

PLUNKR

Answer 1

您忘记注入控制器：NgTableParams。

在数据集中更改数据为例：

$scope.table = new NgTableParams({}, { data: data });

在plunker中查看您的示例： http://plnkr.co/edit/b95EjalSTLd70YuB3ZHH?p=preview

Answer 2

此处需要进行2项更改：

1）将数据放在控制器的范围内，与视图共享：

$scope.data = [{name: 'Mor .....;

2）在html

中使用范围变量（数据）的名称

<tr ng-repeat="row in data">

Answer 3

制作此更改控制器

   $scope.data = [{ name: "Moroni", age: 50 }, {name: "Moroni2", age: 502        }];

//   this.tableParams = new NgTableParams({}, { dataset: data });

并使用

   ng-repeat="row in data"

使用angular将数据加载到表

3 个答案: