Advertisement
Guest User

Untitled

a guest
Mar 29th, 2017
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.41 KB | None | 0 0
  1. var app = angular.module('main', ['ngTable']);
  2.  
  3. app.controller('MyCtrl', function($scope, $resource, $http, ngTableParams) {
  4. var data = [];
  5.  
  6. $scope.tableParams = new ngTableParams({
  7. page: 1,
  8. count: 10
  9. }, {
  10. total: data.length,
  11. getData: function($defer, params) {
  12.  
  13. $http({method:'GET', url:'/'}).then(function successCallback(response)
  14. {
  15. data = response.data;
  16. });
  17. $scope.news = data.slice((params.page() - 1) * params.count(), params.page() * params.count());
  18. $defer.resolve($scope.news);
  19. }
  20. });
  21.  
  22. $scope.getAllNews = function(){
  23. $http.get('/').success(function(response){
  24. $scope.news = response.data;
  25. }).error(function() {
  26.  
  27. });
  28. }
  29. });
  30.  
  31. @RequestMapping("/")
  32. public String list (Model model) {
  33. log.info("Listing news...");
  34. List<News> news = newsService.findAll();
  35. model.addAttribute("news", news);
  36. log.info(news.size() + " news have founded");
  37. return "news/list";
  38. }
  39.  
  40. <div id="demo" ng-controller="MyCtrl">
  41.  
  42. <table ng-table="tableParams" class="table">
  43. <tr ng-repeat="itm in news">
  44. <td data-title="'Date'">
  45. {{itm.date}}
  46. </td>
  47. <td data-title="'Text'">
  48. <div>{{itm.head}}</div>
  49. <div>{{itm.body}}</div>
  50. </td>
  51. </tr>
  52. </table>
  53.  
  54. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement