2016-03-17 3 views
0

Мне что-то не хватает, но почему моя таблица не загружается данными с помощью 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

+0

Вы никогда не определено 'NgTableParams'. – str

ответ

1

Вы забыли вводить в контроллере: NgTableParams.

И в изменении набора данных к данным, как, например:

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

Обратитесь к примеру в plunker: http://plnkr.co/edit/b95EjalSTLd70YuB3ZHH?p=preview

0

2 изменения необходимы здесь:

1) Поместите данные о масштабах контроллера для обмена с целью:

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

2) Используйте имя (данных) в html

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

сделать этот контроллер изменения

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

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

и использовать

ng-repeat="row in data"