hej,
mam następujący problem.
Moje dane, które są przesyłane z bazy danych do Angulara nie wyświetlają się tak jak powinny... Zamiast wyświetlać się normalnie to wszystkie wyniki z bazy wyświetlają się w po jednej literce/cyfrze w jednej kolumnie w ok. 300 wierszach...
Tutaj część wyglądu mojej tabelki, która powinna się generować dynamicznie czyli ilość kolumn powinna być generowana wg ostatniej zmiennej z adresu url (w tym momencie mam ok 300 kolumn i 300 wierszy):

Mój kod:
- controller.js:
  1. 'use strict';
  2.  
  3. var pokayokaCtr = angular.module( 'pokayokaCtr' , [ 'ngRoute' ] );
  4.  
  5.  
  6. pokayokaCtr.controller( 'drawings' , [ '$scope' , '$http', function( $scope, $http ){
  7.  
  8.  
  9. $http.get( 'api/admin/drawings/get' ).
  10. success( function( data ){
  11. $scope.drawings = data;
  12. }).error( function(){
  13. console.log( 'Błąd pobrania pliku z bazy danych! Drawings' );
  14. });
  15.  
  16. }]);
  17.  
  18. pokayokaCtr.controller( 'drawingCreate' , [ '$scope' , '$http' , '$timeout', function( $scope , $http, $timeout){
  19.  
  20. $scope.createDrawing = function ( drawing ) {
  21.  
  22.  
  23. $http.post('api/admin/drawings/create', {
  24. drawing : drawing
  25. }).success(function(){
  26.  
  27. $timeout(function(){
  28. $scope.success = false;
  29.  
  30. $scope.drawing = {};
  31. } , 1500 );
  32. console.log($scope.drawing);
  33.  
  34. }).error(function(){
  35. console.log('Error database connect!')
  36. });
  37.  
  38. };
  39.  
  40. }]);
  41.  
  42.  
  43. pokayokaCtr.controller( 'pokayokes' , [ '$scope' , '$http', '$routeParams', '$timeout', function( $scope, $http, $routeParams, numberColFilter, $timeout ){
  44.  
  45. var pokayokeName = $routeParams.name;
  46. $scope.name = pokayokeName;
  47.  
  48. var number = $routeParams.number;
  49. $scope.number = number;
  50.  
  51. $http.get( 'api/admin/pokayokes/get/' + pokayokeName + '/'+ number).
  52. success( function( data ){
  53. $scope.pokayokes = data;
  54. }).error( function(){
  55. console.log( 'Error database connect!' );
  56. });
  57.  
  58.  
  59.  
  60.  
  61.  
  62. }]);
  63.  
  64. pokayokaCtr.filter('numberColFilter', function() {
  65. return function(items, number) {
  66.  
  67. var range = [];
  68.  
  69. var start = 7;
  70. var end = parseInt(start) + parseInt(number);
  71. console.log(end);
  72.  
  73. for (var i = start; i < end; i++)
  74. {
  75. range.push(items[i]);
  76. }
  77.  
  78. console.log(range);
  79. return range;
  80. };
  81. });
  82.  


- widok:
  1. <div id="page-wrapper" ng-controller="pokayokes">
  2. <div class="container-fluid">
  3.  
  4. <!-- Page Heading -->
  5. <div class="row">
  6. <div class="col-md-12">
  7. <br>
  8. <div class="flat-panel">
  9. <div class="flat-panel-header">
  10. <h2 class="page-header"><i class="fa fa-paint-brush"></i> Rysunek nr: {{ pokayokaName }}</span></h2>
  11.  
  12. </div>
  13. <div class="flat-panel-body">
  14. <button class="btn btn-warning" href="#"><i class="fa fa-pencil-square-o"></i> Edytuj nazwę rysunku</button>
  15. <button class="btn btn-danger pull-right" ng-click="delete(drawing, $index)"><i class="fa fa-times"></i> Usuń rysunek</button>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. <!-- /.row -->
  21.  
  22. <!-- /.row -->
  23. <div class="row">
  24. <div class="col-lg-12">
  25. <div class="flat-panel">
  26. <div class="flat-panel-header">
  27. <h2 class="pull-left">Artykuły w rysunku</h2>
  28. <a ng-repeat="pokayoke in pokayokes | limitTo: 1 track by $index" class="pull-right btn btn-primary" href="#/admin/article/create/part1/{{ pokayoke.nazwa_rys}}" style="margin: 20px 0 15px;"><i class="fa fa-plus"></i> Dodaj nowy artykuł</a>
  29. </div>
  30. <div class="clearfix"></div>
  31. <div class="flat-panel-body">
  32. <div class="table-responsive">
  33. <table class="table table-bordered table-hover table-striped">
  34. <tr>
  35. <th>Lp.</th>
  36. <th>Obrazek</th>
  37. <th>Nazwa artykułu <i class="fa fa-chevron-down"></i> </th>
  38. <th >Kolory w artykule</th>
  39. <th ng-repeat="pokayoke in pokayokes track by $index">{{$index + 1 }}</th>
  40.  
  41. </tr>
  42. </thead>
  43. <tr ng-repeat="pokayoke in pokayokes track by $index" >
  44. <td>{{$index + 1}}</td>
  45. <td><a href=""> <i class="fa fa-picture-o"></i> Zobacz</a></td>
  46. <td>{{pokayoke.nazwa_art}}</i> </td>
  47. <td>{{pokayoke.kolory_art}}</td>
  48. <td ng-repeat="num in pokayoke " >{{ num }}</td>
  49.  
  50. </tr>
  51. </tbody>
  52. </table>
  53. </div> <!-- responive -->
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <!-- /.row -->
  59.  
  60. </div>
  61. <!-- /.container-fluid -->
  62.  
  63. </div>
  64. <!-- /#page-wrapper -->


Jeśli będzie potrzeba to prześlę jeszcze kod modelu i controllera API.
Poniżej jeszcze przykładowe dane z API:
  1. [{"nazwa_art":"11_15_0351","nazwa_rys":"11_002258_A0","kolory_art":"C,M,Y,K","py_1":"x","py_2":"x","py_3":"x","py_4":"x","py_5":"x","py_6":"x","py_7":"K","py_8":"K","py_9":"x","py_10":"x","py_11":"x"},{"nazwa_art":"11_15_0200","nazwa_rys":"11_002258_A0","kolory_art":"C,M,Y,K,PBlue5575,PGreenYellow5576","py_1":"x","py_2":"PGreenYellow5576","py_3":"PGreenYellow5576","py_4":"PBlue5575","py_5":"PBlue5575","py_6":"x","py_7":"x","py_8":"x","py_9":"x","py_10":"x","py_11":"x"},{"nazwa_art":"11_15_0492","nazwa_rys":"11_002258_A0","kolory_art":"C,M,Y,K,PBlue5575,PGreenYellow5576","py_1":"x","py_2":"PGreenYellow5576","py_3":"PGreenYellow5576","py_4":"PBlue5575","py_5":"PBlue5575","py_6":"PGreenYellow5576","py_7":"PGreenYellow5576","py_8":"x","py_9":"x","py_10":"x","py_11":"x"}]


Dane wyświetlają się okej więc wydaje mi się, że błąd musi być po stronie Angulara, ale nie wiem gdzie?

No i adres url, z którego są argumenty pobierane:
  1. <a href="http://nazwa.strony.pl/testy/py/#/admin/pokayokes/11_002258_A0/11" target="_blank">http://nazwa.strony.pl/testy/py/#/admin/po...11_002258_A0/11</a>