Странное поведение массива с угловыми

Question

У меня есть двумерный массив в контроллере:

var MainController = function($scope) { 
    $scope.board = [[1, 2, 3, 4], 
        [5, 6, 7, 8], 
        [9, 10, 11, 12], 
        [13, 14, 15, 16]]; 
}; 

И я хочу, чтобы отобразить его в виде таблицы:

<table> 
    <tr ng-repeat="line in board"> 
     <td ng-repeat="cell in line"> 
      {{ cell }} 
     </td> 
    </tr> 
</table> 

Все прекрасно работают с этим кодом, но если я измените данные на доске, чтобы сделать две идентичные ячейки в строке (внутренний массив) - эта строка исчезнет. Поэтому, если я сменю контроллер на:

$scope.board = [[1, 2, 3, 4], 
        [5, 6, 7, 7], 
        [9, 10, 11, 12], 
        [13, 14, 15, 16]]; 

Вторая линия исчезает.

Почему и как я могу это исправить?

Answer 1

Он видит идентичные значения как дубликаты. Измените вид, добавив track by синтаксис следующим

<table> 
    <tr ng-repeat="line in board track by $index"> 
     <td ng-repeat="cell in line track by $index"> 
      {{ cell }} 
     </td> 
    </tr> 
</table> 

Это

заставит элементы должны быть сконструированы их позиции в массиве вместо их значения

См Duplicate Key in Repeater