angularjs - data - Ng-repetición angular en la tabla

ng id angularjs

Question

Tengo una pregunta sobre ''ng-repeat'' angular. Tengo una tabla, y en esta tabla mostraré los valores de la matriz.

Aquí está mi js:

var app = angular.module(''plunker'', []);


app.controller(''MainCtrl'',function($scope){

        <!--TR-->
        $scope.trZeile = new Array();
        $scope.trZeile = [''1'',''2'',''3''];


        $scope.hadi = new Array();
        $scope.hadia = new Array();
        $scope.hadi[0] = ''Mercedes1,BMW1,Ford1,VW1,Renault1,Kia1'';
        $scope.hadi[1] = ''Mercedes2,BMW2,Ford2,VW2,Renault2,Kia2'';
        $scope.hadi[2] = ''Mercedes3,BMW3,Ford3,VW3,Renault3,Kia3'';

        for(var i = 0; i<3; i++){
            $scope.hadia = $scope.hadi[i].split('','');
        }

});

Aquí hay un ejemplo: http://plnkr.co/edit/jWqyePLEvrnwFZOkFUUn

Pero debería verse así:

¿Cómo puedo lograr eso?

Answer 1

Tienes muchas cosas innecesarias aquí. Los corté. No necesita trZeile en absoluto. Además, esta línea simplemente reenlazó la misma variable tres veces:

$scope.hadia = $scope.hadi[i].split('','');

Aquí está el código de trabajo: http://plnkr.co/edit/zz04pEDPst5Yo3thCXfy?p=preview

HTML

<table ng-controller="MainCtrl" style=''border:2px solid black''>
    <tr ng-repeat="row in hadia" style=''border:2px solid black''>
       <th scope="row">{{$index + 1}}</th>
         <td ng-repeat="td in row track by $index" style=''border:2px solid black''>
             {{td}}
          </td>
     </tr>
</table>

Javascript

var app = angular.module(''plunker'', []);
app.controller(''MainCtrl'',function($scope){
    $scope.hadia = [];
    $scope.hadi = [
       ''Mercedes1,BMW1,Ford1,VW1,Renault1,Kia1'',
       ''Mercedes2,BMW2,Ford2,VW2,Renault2,Kia2'',
       ''Mercedes3,BMW3,Ford3,VW3,Renault3,Kia3''
    ]

    for(var i = 0, j = $scope.hadi.length; i< j; i++){
        $scope.hadia.push($scope.hadi[i].split('',''));
    }
});