Winkel-ng-repeat orderBy funktioniert nicht richtig

Arbeitete ich viel mit Winkel-und muss mit einer schweren Gehirn-Furz im moment, aber kann nicht scheinen, um eine einfache orderBy, um richtig zu arbeiten. Ich habe ein array von zahlen, dass will ich der Reihenfolge nach sortiert, wenn das display über ein ng-repeat.

Meine Daten:

$scope.data = [200,243,190];

Mein markup versuche:

<div ng-repeat="split in data | orderBy">{{split}}</div>
<div ng-repeat="split in data | orderBy:split">{{split}}</div>
<div ng-repeat="split in data | orderBy:'split'">{{split}}</div>
<div ng-repeat="split in data | orderBy:['split']">{{split}}</div>

Seltsam, sogar putting eine schlechte parameter in nicht scheinen, um eine Wirkung. Keine Fehler oder nuthin'!

<div ng-repeat="split in data | orderBy:errorPlease">{{split}}</div>

Jeder.Single.Zeit. die Liste wird angezeigt, wie "200 ,243, 190

Ich habe eine JSFiddle Anzeige mein problem. Eckige 1.2.1

'split' ist eine lokale variable, die mit dem repeater von Daten und kann nicht verwendet werden, für die orderBy, das versucht, Daten zu ändern. Was Sie brauchen, ist ein filter der sortiert ein array von zahlen.
mögliche Duplikate von orderBy-array-Element mit dem Wert in Eckigen ng-repeat
Nicht ein Duplikat genau - ähnliches problem, aber die Lösung aufgeführt löst nicht mein problem.
Eigentlich ist es nicht, es zu versuchen. jsfiddle.net/HB7LU/8110
In meinem Beispiel oben, und in mein JSFiddle, mein Erster Versuch ist die akzeptierte Antwort, die andere Frage, aber es ist nicht die Lösung meines Problems. Mit "orderBy" ohne irgendwelche Parameter noch gibt mein array als "200, 243, 190" Der JSFiddle link, den du gepostet links zu meinen fiddle-ich glaube, Sie müssen klicken Sie auf den 'aktualisieren' - button, um einen neuen link auf Ihrer Geige. 🙂
Es stellt sich heraus, dass es ein bug in der version der Winkel war mit. Der Fehler ist behoben in Eckigen 1.3.0.
AngularJS 1.3.0-rc.5 nicht beheben einen Fehler, es eine neue Funktion Hinzugefügt.

InformationsquelleAutor captain_jim1 | 2014-11-10

angularjs angularjs-ng-repeat

3

Was funktionieren sollte ist das umwandeln der Zahl in einen String und Sortierung durch, die.
```
<div ng-repeat="split in data | orderBy:'toString()'">{{split}}</div>
```
link: http://jsfiddle.net/HB7LU/8111/

Update:

Den oben genannten string Sortieren, also es wird nicht richtig sortiert, wenn Sie zahlen unterschiedlicher Länge.
- Das funktioniert, aber warum? Ich würde davon ausgehen, eckig wäre in der Lage zu Sortieren, sowohl numerisch als auch.
- wenn Sie einen Blick auf die orderBy-Dokumentation, docs.angularjs.org/api/ng/filter/orderBy, Sie können sehen, dass orderBy nimmt eine Zeichenfolge, eine Funktion oder ein array. Also, wenn Sie eine Zeichenfolge verwenden, sieht es für eine Eigenschaft auf das Objekt mit der Zeichenkette name. wenn Sie eine Funktion hinzufügen verwenden, wird <, > oder = zu vergleichen und, um die Werte in einem array. Wie für ein array verwenden, ich habe noch nie sah in das.
- und wenn Sie versuchen, split 'aufteilen in Daten" teilen ist nicht verfügbar in der orderBy-und wird null sein.
- Mit toString Sortieren Sie falsch, da es sich um eine Zeichenfolge zu Sortieren. Versuchen Sie, 21 in die Liste der Nummer zu sehen.
- Guter Punkt, Bryant!
- Es scheint verrückt, dass Sie benötigen würde, um einen benutzerdefinierten filter verwenden, um zu Sortieren ein einfaches array eines primitiven Typs. Ich sage nicht, dass das nicht der Fall, aber das ist sicherlich ein Grundsätzliches problem, das sollte machbar sein mit kantig-eigen.
- Byrant einen link gepostet, in der Frage kommentiert, dass gelöst das Sortier-Problem.
- Ich fügte hinzu, eine Antwort, die besser geeignet ist, zu diesem spezifischen problem.
InformationsquelleAutor SoluableNonagon

Offenbar dies ist ein Fehler in der Winkel-und wurde gelöst, als der Winkel-1.3.0-rc.5. Austauschen der AngularJS-Bibliothek von 1.2.1 auf 1.3.0 RC5 behebt den Fehler.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.5/angular.min.js"></script>
<!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>-->
<body>
    <div ng-controller="myCtrl">
        <p ng-repeat="item in items | orderBy">{{item}}</p>
    </div>
</body>

Versuchen, es in meine JSfiddle

InformationsquelleAutor captain_jim1

0

Haben Sie zum konvertieren der zahlen in Zeichenfolgen und stellen Sie sicher, Sie sind der einige Länge.
```
ie.     "001", "023", "200"
```
etc.

InformationsquelleAutor Orane

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.