ng-repeat-过滤器内的ng-repeat不起作用

Question

我在两列中显示 ng-repeat 内容。

使用此代码可以正常工作：

        <div class=storerow ng-repeat="store in stores track by $index" ng-if="$index%2==0">
            <div ng-repeat="i in [$index,$index+1]" ng-if="stores[i]!=null" class="ngrepeatstore">
                    <div class="image-container" style="background-image: url({{stores[i].image}})" ng-click="tileClicked({{stores[i].id}})">
                    </div>
        </div>

但是，当我添加一个过滤器时，它会破坏 NG 重复并且不显示任何内容：

        <div class=storerow ng-repeat="store in stores track by $index" ng-if="$index%2==0">
            <div ng-repeat="i in [$index,$index+1] | filter: greaterThan('order', 0) | orderBy:'order'" ng-if="stores[i]!=null" class="ngrepeatstore">
                    <div class="image-container" style="background-image: url({{stores[i].image}})" ng-click="tileClicked({{stores[i].id}})">
                    </div>
        </div>

大于的 .js

    $scope.greaterThan = function(prop, val){
    return function(item){
      return item[prop] > val;
    }}

我尝试将过滤器添加到第一个 ng-repeat- 但是这不起作用，因为它只是将过滤器应用于整体内容（即，如果只有一个项目大于 0，它会显示所有项目 - 而不仅仅是那些大于 0)。

Answer 1

这是因为您实际上是在告诉 Angular 过滤 [$index, $index + 1] 上的属性 order，这是一个由两个整数组成的数组，这是没有意义的。

I.E.当您的代表比较 index.prop > val 时，您真正在做的是比较 index['order'] > someValue。

此 Plunker 演示：http://plnkr.co/edit/FkSrmZuuK4B1ToGNgAnq?p=preview 您需要将 filter:greaterThan(prop, val) 移动到父 ng-repeat。只有在那里你的过滤器才能工作。

<div ng-repeat="store in stores | filter:greaterThan2('id', 0) | orderBy:'name'" ng-if="$even">
  {{store.name}}
  <div ng-repeat="i in [$index, $index+1] | orderBy:angular.identity:true" ng-if="stores[i] !== null">
    <strong>store.id</strong> {{i}}
  </div>
</div>