title: Using Isotope with AngularJS (ng-repeat)
body: <p>I'm trying to use angular to load div's to supply to isotope for layouting.  For some reason, I can't use ng-repeat to create the div's.  When I do something like, it works fine:</p>
  
  <p>[agg.html]</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="mygrid" iso-grid&gt;
      &lt;div class="item"&gt;myitem&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>[controlers.js]</p>
  
  <pre class="lang-js prettyprint-override"><code>module.directive('isoGrid', function () {
      return function (scope, element, attrs) {
          element.isotope({
              itemSelector: '.item'
          });
      };
  });
  
  module.controller('aggViewport', ['$scope', '$location', function ($scope, $location) {
      $scope.cards = [{
          "ID": "myid",
          "class": "cardListTile",
          "badge": "1"
      } {
          "ID": "myid2",
          "class": "cardListTile",
          "badge": "2"
      }]
  }]);
  </code></pre>
  
  <p>While the above works ok, when I try to use ng-repeat from angular, the div's seem to become invisible (they are in the dom, but I can't see them).  I've tried calling isotope('reloadItems') and isotope('reLayout'), but it doesn't seem to help.</p>
  
  <p>[agg.html]</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="mygrid" iso-grid ng-repeat="card in cards"&gt;
      &lt;div class="item"&gt;myitem&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I use ng-repeat ?</p>