2017-01-31 6 views
0

я могу видеть таблицу, но нет значения в там Heres мой Plunker: http://embed.plnkr.co/RKiEZkxTCJSYpmhR69cI/Почему я не получаю данные в моей таблице

Я стараюсь в течение нескольких часов и не могу найти способ сделать это ... Также я устанавливаю mySQL для отображения только 3 результатов ~ 800.000, будет ли это проблемой, если я удалю ограничение? Я все равно хочу разбивать на страницы.

HTML

<!DOCTYPE html> 
<html> 

<head> 
    <link rel="stylesheet" href="https://unpkg.com/[email protected]/bundles/ng-table.min.css"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
</head> 

<body ng-app="myApp" ng-controller="myController as MC"> 
    <table ng-table="MC.tableParams" show-filter="true" class="table table-condensed table-bordered table-striped"> 
    <tr ng-repeat="x in $data"> 
     <td data-title="'Held'" sortable="'Held'">{{ x.Held }}</td> 
     <td data-title="'Waffe'" sortable="'Waffe'">{{ x.Waffe }}</td> 
     <td data-title="'Schild'" sortable="'Schild'">{{ x.Schild }}</td> 
     <td data-title="'Ring'" sortable="'Ring'">{{ x.Ring }}</td> 
     <td data-title="'Amulett'" sortable="'Amulett'">{{ x.Amulett }}</td> 
     <td data-title="'Mantel'" sortable="'Mantel'">{{ x.Mantel }}</td> 
     <td data-title="'ID'" sortable="'ID'">{{ x.ID }}</td> 
    </tr> 
    </table> 

    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script> 
    <script src="https://unpkg.com/[email protected]/bundles/ng-table.min.js"></script> 
    <script src="script.js"></script> 
</body> 

</html> 

APP

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

test.controller('myController', function myController($scope, $http, NgTableParams) { 

    $scope.tableParams = new NgTableParams({ 
    page: 1, // show first page 
    count: 5 // count per page 
    }, { 
    getData: function($defer, params) { 

     $http.get('http://sanctuments.16mb.com/getData.php'). 
     $promise.then(function(data, status) { 
     var orderedData = data; 
     $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); 
     }) 
    } 
    }) 
}); 

ответ

1

Наконец сделал это:

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

test.controller('myController', function myController($scope, $http, NgTableParams) { 
    var self = this; 
    $http.get('http://sanctuments.16mb.com/getData.php'). 
    success(function(data, status) { 
    self.tableParams = new NgTableParams({}, { 
     dataset: data 
    }); 
    }); 
}); 

Или лучше это один:

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

test.controller('myController', ['$scope', '$http', 'NgTableParams', 
    function myController($scope, $http, NgTableParams) { 
    var self = this; 

    $http.get('http://sanctuments.16mb.com/getData.php').success(function(data, status) { 
     self.tableParams = new NgTableParams({ 
     page: 1, // show first page 
     count: 10 // count per page 
     }, { 
     total: data.length, 
     getData: function(params) { 
      return data.slice((params.page() - 1) * params.count(), params.page() * params.count()); 
     } 
     }); 
    }); 
    } 
]);