title: angularjs + foundation orbit
body: <p>Hi I want to fill content for Foundation orbit slider dynamically using angular like:</p>
  
  <pre><code>&lt;div class="moreGamesArea"&gt;
      &lt;ul class="orbit" data-orbit&gt;
          &lt;li ng-repeat="games in catalogGames"&gt;
              &lt;div&gt;{{games[0]}}&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it doesn't initialize slider correctly. In dom-model I see 3 elements <code>&lt;li&gt;</code> as it should be - so angular works ok, but slider - has only one slide! whats wrong? Thanks </p>