Vermeiden Sie Angular.js orderBy Standardsortierung

Question

Ich bin neu in Angular und ich versuche immer noch, um meinen Kopf herum, was möglich ist, so kann dies eine Frage mit einer offensichtlichen Antwort sein, aber ich kann keine relevanten Antworten finden online.

Ich habe eine switch statement, die entscheidet, welcher Wert an orderBy zurückgegeben wird, und orderBy Ordnet korrekt eine Liste von Objekten entsprechend dem zurückgegebenen Wert. Ich möchte jedoch den default Fall meiner switch statement sicherstellen, dass orderBy nichts in der Reihenfolge der Liste der Objekte tut.

Es scheint jedoch, dass orderBy Standard-Funktionalität hat, die die Liste einen eigenen Weg bestellt, wenn Sie es keinen Wert geben.

Ich habe verschiedene Wege versucht, es an die Arbeit:

default: return; kehrt nichts und orderBy verwendet seine Standardreihenfolge.

default:break; kehrt nichts und orderBy verwendet seine Standard Bestellung

default: return []; und return [''] Ich dachte, ein leeres Array als Argument erkannt werden würde und dies umgehen, aber es nutzt noch die Standard-Bestellung.

default: return [':false']; Ich dachte, die Übergabe eines Wertes in (reverse: false) würde die Standardreihenfolge überschreiben, aber ich bekomme einen Fehler dafür.

Ich habe es auch eingerichtet, orderBy: $index track by $index zu verwenden - ich dachte, es würde nur nach dem ursprünglichen Index des Arrays bestellen. Das hat nicht funktioniert.

Kennt jemand ein Argument, das ich in orderBy passieren kann, um es gar nichts zu einer Liste zu tun zu bekommen, oder wie kann ich die Standard-Sortierung außer Kraft setzen.

Answer 1

von nicht orderBy Auslösung ist der einzige Weg für die Zeit.

z.

ng-repeat="x in (wantToOrder ? (array | orderBy) : array)"

Answer 2

Sie den orderBy Eigenschaftswert auf null setzen müssen.

propertyName = null in JS

oder

ng-repeat="friend in friends | orderBy:null" in HTML

Die docs dies nicht direkt erwähnt, aber es ist ein Beispiel, das durch Ersetzen der Eigenschaft String in eine Ebene null Sortierung deaktiviert.

<button ng-click="propertyName = null; reverse = false">Set to unsorted</button> 
    <hr/> 
    <table class="friends"> 
    <tr> 
     <th> 
     <button ng-click="sortBy('name')">Name</button> 
     <span class="sortorder" ng-show="propertyName === 'name'" ng-class="{reverse: reverse}"></span> 
     </th> 
     <th> 
     <button ng-click="sortBy('phone')">Phone Number</button> 
     <span class="sortorder" ng-show="propertyName === 'phone'" ng-class="{reverse: reverse}"></span> 
     </th> 
     <th> 
     <button ng-click="sortBy('age')">Age</button> 
     <span class="sortorder" ng-show="propertyName === 'age'" ng-class="{reverse: reverse}"></span> 
     </th> 
    </tr> 
    <tr ng-repeat="friend in friends | orderBy:propertyName:reverse"> 
     <td>{{friend.name}}</td> 
     <td>{{friend.phone}}</td> 
     <td>{{friend.age}}</td> 
    </tr> 
    </table> 

orderBy docs

the example plunker