My current filter ($index % 4 == 0) seems to be causing an issue where I am getting the error message:
Error: [$injector:unpr] Unknown provider: (FilterProvider <- (FilterInquiry:
How can I modify this filter so that I can successfully create a wrapping div with a class of .row for every set of 4 inner items?
HTML Example:
// Using ng-repeat to generate a div with a class of .row for every group of 4 images
<div ng-repeat="(key, pageValue) in adPageData.pages" ng-class="{ 'row': $index % 4 == 0 }">
// Generating a div with a class of c4-sm which represents 25% width
<div class="c4-sm" ng-repeat="(hotspotsKey, hotspotsValue) in pageValue.hotspots">
<img ng-src="{{hotspotsValue.tooltip_data.image}}" alt="" />
</div>
</div>
CSS Stylesheet:
.c4-sm{
@include span(4);
}
.row:after {
content: "";
display: table;
clear: both;
}