[Angular] Problem z wczytaniem danych do kolumn i wierszy w tabelce Opcje

[sinke]

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): (IMG:http://sinke.vot.pl/testy/py/another-problem.jpg)

Mój kod:
- controller.js:

[PHP] pobierz, plaintext 
'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 range = [];
 
	    var start = 7;
	    var end = parseInt(start) + parseInt(number);
	    console.log(end);
 
	    for (var i = start; i < end; i++)
	    {
	    	range.push(items[i]);
	    }
 
	    console.log(range);
	    return range;
  };
});
 
[PHP] pobierz, plaintext 

- widok:

[HTML] pobierz, plaintext 
<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">
                        <h2 class="page-header"><i class="fa fa-paint-brush"></i> Rysunek nr: {{ pokayokaName }}</span></h2>
 
                    </div>
                    <div class="flat-panel-body">
                        <button class="btn btn-warning"  href="#"><i class="fa fa-pencil-square-o"></i> Edytuj nazwę rysunku</button>
                        <button class="btn btn-danger pull-right" ng-click="delete(drawing, $index)"><i class="fa fa-times"></i> Usuń rysunek</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.row -->
 
        <!-- /.row -->
        <div class="row">
            <div class="col-lg-12">
                <div class="flat-panel">
                    <div class="flat-panel-header">
                                <h2 class="pull-left">Artykuły w rysunku</h2>
                                <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>                             
                    </div>
                <div class="clearfix"></div>
                <div class="flat-panel-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover table-striped">
                            <thead>
                                <tr>
                                    <th>Lp.</th>
                                    <th>Obrazek</th>
                                    <th>Nazwa artykułu <i class="fa fa-chevron-down"></i> </th>
                                    <th >Kolory w artykule</th>
                                    <th ng-repeat="pokayoke in pokayokes  track by $index">{{$index + 1 }}</th>
 
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="pokayoke in pokayokes track by $index" >
                                    <td>{{$index + 1}}</td>
                                    <td><a href=""> <i class="fa fa-picture-o"></i> Zobacz</a></td>
                                    <td>{{pokayoke.nazwa_art}}</i> </td>
                                    <td>{{pokayoke.kolory_art}}</td>
                                    <td ng-repeat="num in pokayoke " >{{ num }}</td>   
 
                                </tr>                               
                            </tbody>
                        </table>
                    </div> <!-- responive -->
                </div>
                </div>
            </div>
        </div>
        <!-- /.row -->
 
    </div>
    <!-- /.container-fluid -->
 
</div>
<!-- /#page-wrapper -->
[HTML] pobierz, plaintext 

Jeśli będzie potrzeba to prześlę jeszcze kod modelu i controllera API.
Poniżej jeszcze przykładowe dane z API:

[PHP] pobierz, plaintext 
[{"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"}]
[PHP] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext