AngularJS ngOptions sort array

Question

Я пытался использовать ng-options для отображения массива шрифтов в порядке сортировки в алфавитном порядке по значению элементов в массиве.

HTML

<select ng-options="font for font in webfonts | orderBy:'font'" name="fonts"> 
    <option value="">Choose a font</option> 
</select> 

JS

$scope.webfonts = [ 
     'Abel', 'Crafty Girls' , 'Lato' , 'Average', 
     'Corben', 'Quicksand', ... ]; 

Я попытался изменить значение в orderBy и других вещей. Я прочитал documentation и все комментарии.

Что мне не хватает? Предполагается ли это, что он работает только с объектами?

Answer 1

Это то, что вам нужно сделать:

<select ng-model="selected" ng-options="font for font in webfonts | orderBy:'toString()' " name="fonts"> 

1. Вам нужно добавить нг-модель, чтобы правильно сделать обязательные работы для списка строк.
2. Вы можете использовать toString() для сортировки, если вход содержит список строк. Так как выражение orderBy может быть функцией Геттера. Результат этой функции будет отсортирован с использованием оператора <, =,>.

Demo

Answer 2

Как указано в документации, аргумент строки предназначен для свойств объекта, а не для примитивов. Я думаю, что, как ни странно, вам нужно создать функцию в области, которая просто возвращает аргумент, и передать это значение orderBy.

См. jsFiddle!