Использование Isotope с AngularJS (ng -repeat)

Я пытаюсь использовать angular для загрузки div для поставки в изотоп для компоновки. По какой-то причине я не могу использовать повтор ng -для создания div. Когда я делаю что-то подобное, все работает нормально :

[agg.html]

<div class="mygrid" iso-grid>
    <div class="item">myitem</div>
</div>

[controller.js]

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"
    }]
}]);

Хотя вышеприведенное работает нормально, когда я пытаюсь использовать ng -repeat из angular, элементы div кажутся невидимыми (, они находятся в доме, но я их не вижу ). Я пробовал вызывать isotop ('reloadItems' )и isotop ('reLayout' ), но, похоже, это не помогает.

[agg.html]

<div class="mygrid" iso-grid ng-repeat="card in cards">
    <div class="item">myitem</div>
</div>

Как я могу использовать повтор ng -?