No data in my ngTableParams

158 views

Skip to first unread message

James Dozr

unread,

Nov 6, 2014, 5:48:04 AM11/6/14

to ang...@googlegroups.com

I use ng-table component

In my bower.json:

{
  "name": "angular-seed",
  "description": "A starter project for AngularJS",
  "version": "0.0.0",
  "homepage": "https://github.com/angular/angular-seed",
  "license": "MIT",
  "private": true,
  "dependencies": {
...
    "ng-table": "~0.3.3"
  }
}

In my index.html:

<!doctype html>
<html lang="fr" ng-app="test" ng-controller="TitleCtrl">
<head>
...
    <script src="bower_components/ng-table/ng-table.js"></script>
    <link rel="stylesheet" href="bower_components/ng-table/ng-table.css"/>
...
</head>
<body>

<ng-include src="'menu/menu.html'"></ng-include>

<div ng-view style="padding-left: 20px;padding-right: 20px;"></div>

</body>
</html>

In my table.html:

<form class="form-horizontal narrow" role="form">
   <div ng-controller="PropertiesCtrl">
        <p><strong>Page:</strong> {{tableParams.page()}}</p>
        <p><strong>Count per page:</strong> {{tableParams.count()}}</p>

        <table ng-table="tableParams" class="table">
            <tr ng-repeat="user in $data">
                <td data-title="'Name'">{{user.name}}</td>
                <td data-title="'Age'">{{user.age}}</td>
            </tr>
        </table>
    </div>
</form>

In my properties.js:

var propertiesModule = angular.module('test.properties', ['ngTable']);

propertiesModule.controller('PropertiesCtrl', ['$scope', '$routeParams', 'PropertiesService', 'ApplicationService', 'PlatformService', 'Page', '$filter', 'ngTableParams', function ($scope, $routeParams, PropertiesService, ApplicationService, PlatformService, Page, $filter, ngTableParams) {
...
    $scope.on_edit_unit = function () {            
var data = [{name: "Moroni", age: 50},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34}];

            $scope.tableParams = new ngTableParams({
                page: 1,            // show first page
                count: 10           // count per page
            }, {
                total: data.length, // length of data
                getData: function($defer, params) {
                    $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() * params.count()));


          }
            });
            console.log( data);
            console.log( $scope.tableParams);

        });
    };
...

When i log in the console $scope.tableParams:

ngTableParams {data: Array[0], parameters: function, settings: function, page: function, total: function…}

Why there is no data in my ngTableParams ...?

Thx.

Srini Kusunam

unread,

Nov 7, 2014, 12:55:18 AM11/7/14

to ang...@googlegroups.com

James,

Your best bet to get answer is with a plunker. Please provide a plunker and some one can give you working solution.

Good luck.

-Srini



            $scope.tableParams =<span class="pln" style="ba