Próbuję użyć kąta do załadowania div, aby dostarczyć do izotopu dla układu. Z jakiegoś powodu nie mogę użyć ng-repeat do utworzenia diva. Kiedy robię coś takiego, działa dobrze:

[agg.html]

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

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

Chociaż powyższe działa dobrze, kiedy próbuję użyć ng-repeat z kątowego, div wydają się być niewidoczne (są w dom, ale nie mogę ich zobaczyć). Próbowałem wywołać izotop ('reloadItems') i izotop ('reLayout'), ale wydaje się, że to nie pomaga.

[agg.html]

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

Jak mogę użyć ng-repeat?