How to reinitialize ng-repeat
<p>I have an angular app using <a href="http://www.idangero.us/swiper/" rel="nofollow">iDangerous Swiper</a> with the following html:</p>

<pre><code>&lt;div ng-repeat="slide in slides"&gt;
  &lt;img src="{{slide.url}}" /&gt;
&lt;/div&gt;
</code></pre>

<p>and the JS</p>

<pre><code>$scope.slides = [{url: 'myimage1.jpg'},{url: 'myimage2.jpg'}];
</code></pre>

<p>The Swiper library takes control of the DOM. When swiper parameters are changed, the swiper instance must be destroyed and recreated. But when the wiper instance is destroyed, the <code>&lt;img&gt;</code> elements that were originally created by angular (i.e. repeated) are destroyed also. </p>

<p>How do I force angular to re-initialize the ng-repeat (i.e. load the <code>&lt;img&gt;</code> elements again)?</p>