Я пытаюсь использовать angular для загрузки div для подачи изотопа для макетирования. По какой-то причине я не могу использовать ng-repeat для создания div. Когда я что-то делаю, он отлично работает:
[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"
}]
}]);
Пока все работает нормально, когда я пытаюсь использовать ng-repeat из angular, div кажется невидимым (они находятся в dom, но я не вижу их). Я попытался назвать изотоп ('reloadItems') и изотоп ('reLayout'), но он, похоже, не помогает.
[agg.html]
<div class="mygrid" iso-grid ng-repeat="card in cards">
<div class="item">myitem</div>
</div>
Как использовать ng-repeat?