Ng-repeat Within Grid-A-Licious Grid
I am using the Grid-A-Licious plugin (http://suprb.com/apps/gridalicious/). My markup is as follows:
Solution 1:
You can use watch
to achieve your goal. However, please note that this should be handled in a Directive
and not in a controller but to make this a short(more direct) answer I will use a controller sample:
app.controller('myCtrl',['$scope',function($scope){
"use strict";
$scope.map.dynamicMarkers= [{ /*some object we do not know*/ }];
$scope.$watch("map.dynamicMarkers",function(newValue, oldValue, scope){
$(".grid-item").gridalicious({
width: 250,
gutter: 10,
animate: true,
effect: 'fadeInOnAppear'
});
$(".grid-galeries").gridalicious({
width: 240,
gutter: 10,
animate: true,
effect: 'fadeInOnAppear'
});
},true);
}]);
Disclaimer: The modification of the view from your controller is not recommended nor it is the "angular way". I think these actions should be moved into a directive.
Post a Comment for "Ng-repeat Within Grid-A-Licious Grid"