гнезда нг-повтор генерирует гораздо больше деталей, чем ожидался

Question

Основной идеи:

Я хочу объединить самозагрузки подвесной системы с угловой нг-повтором

Метод:

Я использовал фильтр, чтобы переформатировать данные JSon (массив с большим количеством объектов), как codepen проекта:

http://codepen.io/maggiben/pen/sfCnq `` ` фильтр ('listToMatrix', функция() { функция возврата listToMatrix (список, элементыPerSubArray) {

var matrix = [], i, k; 
    console.log("hellowrld") 
    for (i = 0, k = -1; i < list.length; i++) { 
     if (i % elementsPerSubArray === 0) { 
      k++; 
      matrix[k] = []; 
     } 

     matrix[k].push(list[i]); 
    } 

    return matrix; 
}; 

});

И вот мой нефрит код страницы:

Мой код контроллера: Для того, чтобы получить новости.

Проблема в том, я получил гораздо больше элементов на странице:

Answer 1

Эта ошибка означает, что угловой не удается закончить цикл дайджеста. Причина этого исходит из вашего фильтра: каждый раз, когда угловой применяет фильтр к вашему списку, создается новая матрица, поэтому угловой будет продолжать ссылаться на фильтр до тех пор, пока он не вернется, так же, как и предыдущая итерация (чего никогда не бывает).

Чтобы исправить это, вы можете отслеживать элементы своей матрицы с помощью ng-repeat ... track by items.someProperty, поэтому после того, как два последовательных звонка на ваш фильтр, угловые обнаружат, что этот someProperty не изменился и завершит цикл.

Другим способом исправить это будет кеширование результата вашего фильтра для данного списка, так что в следующий раз, когда угловой захват вашего фильтра будет с тем же списком, вы вернете указатель на ту же матрицу.

Для более подробной лекции вы можете обратиться к этому вопросу (та же проблема): Angular filter works but causes "10 $digest iterations reached"