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:
'use strict'; var pokayokaCtr = angular.module( 'pokayokaCtr' , [ 'ngRoute' ] ); pokayokaCtr.controller( 'drawings' , [ '$scope' , '$http', function( $scope, $http ){ $http.get( 'api/admin/drawings/get' ). success( function( data ){ $scope.drawings = data; }).error( function(){ console.log( 'Błąd pobrania pliku z bazy danych! Drawings' ); }); }]); pokayokaCtr.controller( 'drawingCreate' , [ '$scope' , '$http' , '$timeout', function( $scope , $http, $timeout){ $scope.createDrawing = function ( drawing ) { $http.post('api/admin/drawings/create', { drawing : drawing }).success(function(){ $timeout(function(){ $scope.success = false; $scope.drawing = {}; } , 1500 ); console.log($scope.drawing); }).error(function(){ console.log('Error database connect!') }); }; }]); pokayokaCtr.controller( 'pokayokes' , [ '$scope' , '$http', '$routeParams', '$timeout', function( $scope, $http, $routeParams, numberColFilter, $timeout ){ var pokayokeName = $routeParams.name; $scope.name = pokayokeName; var number = $routeParams.number; $scope.number = number; $http.get( 'api/admin/pokayokes/get/' + pokayokeName + '/'+ number). success( function( data ){ $scope.pokayokes = data; }).error( function(){ console.log( 'Error database connect!' ); }); }]); pokayokaCtr.filter('numberColFilter', function() { return function(items, number) { var start = 7; { } }; });
- widok:
<div id="page-wrapper" ng-controller="pokayokes"> <div class="container-fluid"> <!-- Page Heading --> <div class="row"> <div class="col-md-12"> <br> <div class="flat-panel"> <div class="flat-panel-header"> </div> <div class="flat-panel-body"> </div> </div> </div> </div> <!-- /.row --> <!-- /.row --> <div class="row"> <div class="col-lg-12"> <div class="flat-panel"> <div class="flat-panel-header"> </div> <div class="flat-panel-body"> <div class="table-responsive"> <table class="table table-bordered table-hover table-striped"> <thead> <tr> </tr> </thead> <tbody> <tr ng-repeat="pokayoke in pokayokes track by $index" > </tr> </tbody> </table> </div> <!-- responive --> </div> </div> </div> </div> <!-- /.row --> </div> <!-- /.container-fluid --> </div> <!-- /#page-wrapper -->
Jeśli będzie potrzeba to prześlę jeszcze kod modelu i controllera API.
Poniżej jeszcze przykładowe dane z API:
[{"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: