I have a basic design that makes use of ng-repeat:
design.html
<div id='design'>
<ul>
<li ng-repeat="item in items">{{ item.desc }}</li>
</ul>
</div>
Within my guidance, I am combining that design with a unique range. next, that design is inserted on the page:
var element = $('#my-container');
var combinedDesign = $compile(scope.design)(specificScope);
element.before(combinedDesign);
$('#design').display();
This method works correctly, however the problem arises when I attempt to access the layout's innerHeight() after performing the display(), as the ng-repeat within the design hasn't been carried out yet and I receive the measurement before the components are shown.
$('#design').innerHeight(); // provides measurement prior to ng-repeat completion
Therefore, is there a reliable approach to conduct DOM modifications on the compiled element, once the ng-repeat has finished rendering components?