2017-01-31 4 views
0

내 테이블에 데이터를 얻을 수 없지만이 에는 값을 heres 내 Plunker이다가없는 이유 : http://embed.plnkr.co/RKiEZkxTCJSYpmhR69cI/나는 테이블을 볼 수 있습니다

내가 시간 동안 시도하고 캔트 그것을 할 수있는 방법을 찾을 ... 또한 ~ 800.000의 3 결과 만 표시하도록 mySQL을 설정하면 제한을 제거하면이 문제가 발생합니까? 어쨌든 그것을 매김 처리하고 싶습니다.

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()); 
     } 
     }); 
    }); 
    } 
]);