ng-repeat innerhalb von ng-repeat-filters funktioniert nicht

Question

Ich zeige den ng-repeat Inhalt in zwei Spalten an.

diesem Code funktioniert:

 <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> 

Allerdings, wenn ich eine filter- hinzufügen bricht es die NG wiederholen und keine Inhalte angezeigt:

 <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> 

die Js für greaterThan

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

Ich habe versucht, den Filter der ersten ng-Wiederholung hinzuzufügen - aber das funktioniert nicht, wie es gerade th anwendet e filter zum Gesamtinhalt (dh wenn nur ein Element groß ist, dann 0, zeigt es alle Elemente an - nicht nur die, die größer als 0 sind).

Answer 1

Das ist, weil Sie Angular tatsächlich sagen, die Eigenschaft order auf [$index, $index + 1], ein Array von zwei Ganzzahlen zu filtern, was keinen Sinn macht.

I.E. Mit Ihrem Teilnehmer, der index.prop > val vergleicht, was Sie wirklich tun, wird index['order'] > someValue vergleichen.

Dieser Plunker zeigt: http://plnkr.co/edit/FkSrmZuuK4B1ToGNgAnq?p=preview Sie müssen filter:greaterThan(prop, val) bis zum übergeordneten ng-repeat verschieben. Nur dort wird dein Filter funktionieren.