not work in ng-repeat

[kuxiongxiong]

not work in ng-repeat

<div id="container" sticky-container>

  <div ng-repeat="item in data" >
  <img src="http://baconmockup.com/800/150" height="150" width="800" id="top-image">
  <p>Found these 2 gems <a href="http://baconipsum.com">Bacon Ipsum</a> and <a href="http://baconmockup.com/">Bacon mockup {{item}}</a></p>
  <div class="my-stick" sticky-div>Bacon Ipsum :</div>

  <p>Let's assume you are not sure what the size of the next image will be, and have therefore not set it in the CSS. When the below sticky div directive gets created, its offset would be wrong compared to once the image is loaded. So the next sticky div will misbehave</p>

  bresaola meatloaf jerky ribeye beef pork leberkas venison. Strip steak ham shank pastrami biltong turducken ground round chicken sausage flank swine drumstick kielbasa tongue.</p>
  </div>

</div>