Угловой 1 просмотр внутреннего ключевого значения массива элемента

Question

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

Предостережение: Я знаю, что это быстро и грязно и не угловато, пожалуйста, несите меня.

Вопрос: Как я могу смотреть все индекс по listItemHooks[i] не только [0] индекса?

var listItemHooks = angular.element(document.querySelectorAll('.language-header-list-items-hook')); 
    $scope.$watch(function(){ 
    return listItemHooks[0].clientWidth 
    }, function(o,v){ 
    console.log(o,v); 
    }); 

Answer 1

Как насчет следующего?

$scope.$watchCollection(function() { 
    return [].slice.call(listItemHooks).map(function (listItem) { 
     return listItem.clientWidth; 
    }); 
}, function (newWidths, oldWidths) { 
    // Do something 
}); 

Наблюдатель будет вызываться, когда по меньшей мере, одно из изменений ширины (с последующей областью переварить, конечно).

Answer 2

Что вы наблюдаете за $, должно быть в $ scope, а затем вам нужно сделать глубокие $ watch.

$scope.listItemHooks = angular.element(document.querySelectorAll('.language-header-list-items-hook')); 

$scope.$watch('listItemHooks', function(o,v){ 
    console.log(o,v); 
}, true); 

true как последний аргумент в функции $watch делает его проверить объект равенства, и это становится дорогим. Вы также можете посмотреть на $watchCollection, который, я думаю, не работает здесь, но хорошо знать.