在angularJS中创建过滤器时为angular提供的未知提供商

Unknown Provider for angular when creating filter in angularJS

本文关键字:未知 提供商 angular angularJS 创建 过滤器      更新时间:2023-09-26

我的过滤器($index % 4 == 0)抛出Error: [$injector:unpr] Unknown provider: (FilterProvider <- (Filter

问题:

我如何使这个过滤器工作,以便我可以创建一个包装div类的。row;每4个内部物品?

HTML:

//Create a  div with a class of .row for every 4 images
<div  ng-repeat="(key, pageValue) in adPageData.pages" ng-class="row | ( $index % 4 == 0)">
//creates a div with a class of c4-sm which means 25% width
    <div class="c4-sm" ng-repeat="(hotspotsKey, hotspotsValue) in pageValue.hotspots">
        <img ng-src="{{hotspotsValue.tooltip_data.image}}" alt="" />
    </div>
</div>
css:

.c4-sm{
  @include span(4);
}
.row:after {
   content: "";
   display: table;
   clear: both;
}

不需要使用滤镜,可以这样使用ng-class:

<div ng-repeat=".." ng-class="{ row: ($index % 4 == 0) }">