AngularJs ngOptions 정렬 배열

AngularJs ngOptions 정렬 배열

사용하려고 노력했습니다.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그리고 다른 것들도.문서와 모든 코멘트를 다 읽었습니다.

제가 무엇을 빠뜨리고 있나요?이게 물건에만 적용되는 건가요?

필요한 것은 다음과 같습니다.

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

1. 문자열 목록에 대해 바인딩을 올바르게 작동시키려면 ng-model을 추가해야 합니다.
2. 사용할 수 있습니다.toString()입력에 문자열 목록이 포함되어 있는지 여부를 정렬합니다.이 표현된 이래orderBy는 Getter 함수가 될 수 있습니다.이 함수의 결과는 <, =, > 연산자를 사용하여 정렬됩니다.

Demo

설명서에서 지정한 바와 같이 string 인수는 오브젝트 속성용이지 프리미티브용 인수는 아닙니다.기본적인 것처럼 들리겠지만, 당신은 단순히 인수를 반환하는 함수를 만들고, 그것을 전달해야 한다고 생각합니다.orderBy.

jsFiddle 참조!

언급URL : https://stackoverflow.com/questions/18260920/angularjs-ngoptions-sort-array