OrderBy sortuje inaczej w Chrome niż inne przeglądarki.

Question

Zauważyłem, że orderBy w Chrome nie sortuje tak jak w innych przeglądarkach.

Piszę o projekcie w Angular 1.3.

Chrome Sortowanie:

IE 10 Sortowanie:

Nie ma specjalnego logika dotyczące konkretnych przeglądarek i obie tablice są dokładnie takie same.

Predykat jest jednoznacznie zdefiniowane:

$scope.predicate = 'style'; 
$scope.reverse = true; 

Moja ng-repeat wygląda następująco:

<tr ng-repeat="line in model.resultList | orderBy:predicate:reverse"> 

Nic specjalnego lub inny z mojego kodu. "Rozmiary" to jednak ciągi znaków (np. Rozmiar: "8-", ..., rozmiar: "6", ...). Dlaczego to sortowanie jest zupełnie inne w Chrome niż w każdej innej przeglądarce?

Wszystkie moje wyniki są posortowane od końca w grupach stylów #, a następnie rosnących rozmiarów. Po ustawieniu sortowania podstawowego na Angular, w tym przypadku Style, Chrome miesza już posortowane rozmiary. Proszę zobaczyć Plnk poniżej (otwarte w Chrome i IE/Firefox, aby zobaczyć różnicę)

http://plnkr.co/edit/6TO8pZZ8jZ8Tytw6wHpQ?p=preview

Answer 1

nic złego. Ponieważ sortujesz według innego pola - rozmiar może być w dowolny sposób przetasowany. orderBy polega na funkcji sortowania buit-in przeglądarki (source). Implementacje przeglądarki mogą być inne. Sortowanie nie powinno być stabilne (MDN, ES2015 Standard section).

Jeśli chcesz uzyskać spójne zachowanie, użyj sortowania według wielu pól. Takich jak

orderBy:[predicate, 'size']:reverse