AngularJS: Дисплей стол из массива 2D

Я пытался найти способ, чтобы отобразить таблицу из 2D массива. В настоящий момент, когда я не могу отобразить что-либо, вам нужен простой bool 1/0. Любой совет будет принят во внимание.AngularJS: Дисплей стол из массива 2D

var Matrix = [ 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
     [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1] 
]; 


      <div id = "MatrixTable2"> 
      <table border="1"> 
       <tbody ng-repeat="xxx in Matrix"> 
        <tr width="50px"> 

         <td width="50px" ng-repeat="yyy in xxx[0]"> bool {{yyy}}</td> 
        </tr> 
       </tbody> 
      </table> 
     </div>

источник

2016-04-15 Michael Meritt

просто track by $index (так что angular может следить за ним), и вы сделали: -

*.html

<table border="1"> 
    <tbody ng-repeat="xxx in Matrix"> 
     <tr width="50px"> 
      <td width="50px" ng-repeat="yyy in xxx track by $index">{{yyy}}</td> 
     </tr> 
    </tbody> 
</table>

*.js

$scope.Matrix = [ 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1], 
    [0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,1,0,0,0,1,0,1] 
];

источник

2016-04-15 18:40:12 manish

Отбросьте [0] из xxx[0]:

ng-repeat="yyy in xxx track by $index"

Это предполагает, что Matrix в $scope.Matrix

источник

2016-04-15 18:23:41

, что влечет за собой ошибки [ngRepeat: Повторные] –

Я добавил 'след $ index' пункта: https://docs.angularjs.org/api/ng/directive/ngRepeat –

AngularJS: Дисплей стол из массива 2D

ответ

Смежные вопросы