angularjs ng-repeat после рендера

Question

Я использую AngularJS с директивой ng-repeat.
Мне действительно нужно знать, есть ли способ связать события типа «ng-repeat-before-render» и «ng-repeat-after-render». Мне нужно, что по нескольким причинам один из них предназначен для вычисления высоты до и после рендеринга.
Я видел несколько директив, которые полагаются на $scope.$last, но $scope.$last верен только при рендеринге последнего элемента в последовательности, и в моем случае я добавляю элементы в середине списка.

Я очень ценю направление решения этой проблемы.

Answer 1

Использование $ evalAsyc для перед визуализацией и $ таймаут после рендеринга:

link: function(scope, element,attr){ 
     scope.$evalAsync(function(){ 
       // executes after compile/link 
       // and before render 
     }) 
     $timeout(function(){ 
       // executes after render 
     }) 
}) 

Answer 2

К сожалению, ngRepeat не дает то, что вы просите. ngRepeatStart/End - это только маркеры, где последовательность начинается/заканчивается, а не где начинается рендеринг. (Используется для таких вещей, как создание верхних и нижних колонтитулов из некоторых строк в наборе или, может быть, простая разбивка на страницы).

Реальная проблема с рендерингом заключается в том, что вы никогда не знаете, где вы на самом деле находитесь в цепочке рендеринга, когда вы в углу. Директива, подобная той, которую вы хотите, будет трудно/невозможна даже для создания. Когда Angular начинает рендеринг, он начинает «гулять» по DOM, глядя на каждый элемент/дочерний элемент и «компилируя» эти элементы по мере его появления. В любое время операции пересылки могут привести к запуску целой новой последовательности. Вы видите это много с помощью специальных директив типа элемента.

Угловые концы делают это за два прохода: скомпилируйте и соедините. Пока вы не дойдете до стадии ссылки, что вы даже можете мечтать о вычислении высоты элемента, потому что именно там объекты фактически добавляются в DOM. Но на этом этапе вы все еще в основном потоке (у JS есть только один), поэтому браузер, вероятно, еще не успел рассчитать его!

Мое предложение было бы изменить тактику. Используйте какое-то средство отладки и средство setImmediate, чтобы обработать цикл обработки, что он делает, а затем выполнить какие-либо из ваших обновлений проверки размера, требуемых в этот момент. Вы можете легко обнаружить, когда элемент нуждается в этом, с простой директивой - любая директива с ЛЮБОЙ функцией ссылки вообще будет иметь, что вызывается, когда элемент визуализируется.

Так что мои предложения является:

1. Написать "iWasDrawn" директиву с простой функцией связи.
2. В этой функции связи вызовите функцию «debounce» или «setImmediate» с помощью debounce - выберите ваш выбор, есть десятки.
3. В этом обратном вызове сделайте свой расчет размера.

Это должно быть эффективно, оно должно работать, и это довольно просто.