Ich versuche, mit Angular Divs zu laden, um Isotopen für das Layout zuzuführen. Aus irgendeinem Grund kann ich ng-repeat nicht verwenden, um die Divs zu erstellen. Wenn ich so etwas mache, funktioniert es gut:

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

Während das oben genannte in Ordnung ist, scheinen die Divs unsichtbar zu werden, wenn ich versuche, ng-repeat von Angular aus zu verwenden (sie befinden sich im Dom, aber ich kann sie nicht sehen). Ich habe versucht, Isotope ('reloadItems') und Isotope ('reLayout') aufzurufen, aber es scheint nicht zu helfen.

[agg.html]

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

Wie kann ich ng-repeat verwenden?