AngularJS

Question

में वर्णानुक्रम में छंटनी ड्रॉपडाउन मैं एनजी-विकल्पों के उपयोग के माध्यम से एक ड्रॉपडाउन पॉप्युलेट कर रहा हूं जो एक नियंत्रक से जुड़ा हुआ है जो बदले में एक सेवा को कॉल कर रहा है। दुर्भाग्य से आने वाला डेटा एक गड़बड़ है और मुझे इसे वर्णानुक्रम में क्रमबद्ध करने में सक्षम होना चाहिए।

आपको लगता है कि $.sortBy जैसे कुछ ऐसा करेंगे लेकिन दुर्भाग्यवश यह जैक नहीं करता था। मुझे पता है कि मैं इसे जावास्क्रिप्ट के माध्यम से एक सहायक विधि function asc(a,b) या उस तरह कुछ के साथ सॉर्ट कर सकता हूं लेकिन मैं यह मानने से इनकार करता हूं कि ऐसा करने का क्लीनर तरीका नहीं है, मैं नियंत्रक को सहायक तरीके से ब्लॉउट नहीं करना चाहता हूं। यह सिद्धांत रूप में इतना बुनियादी है इसलिए मुझे समझ में नहीं आता क्यों एंगुलरजेएस में यह नहीं है।

क्या $orderBy('asc') जैसे कुछ करने का कोई तरीका है?

उदाहरण:

<select ng-option="items in item.$orderBy('asc')"></select> 

यह orderBy में विकल्प तो तुम जो चाहो कर सकते हैं के लिए अत्यंत उपयोगी हो सकता है, जब भी आप आमतौर पर डेटा को सॉर्ट करने का प्रयास करें।

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name'"></select> 

एक उदाहरण के लिए this fiddle देखें:

Answer 1

कोणीय एक orderBy फिल्टर है कि इस तरह इस्तेमाल किया जा सकता है।

यह ध्यान देने योग्य है कि यदि track by किया जा रहा है इसे इस तरह, orderBy फिल्टर के बाद प्रकट करने के लिए की जरूरत है लायक है:

<select ng-model="selected" ng-options="f.name for f in friends | orderBy:'name' track by f.id"></select> 

Answer 2

आप फिल्टर का उपयोग करने के लिए सक्षम होना चाहिए: orderBy

orderBy एक तिहाई स्वीकार कर सकते हैं reverse ध्वज के लिए विकल्प।

<select ng-option="item.name for item in items | orderBy:'name':true"></select> 

यहाँ आइटम एक उलट क्रम में 'नाम' संपत्ति के अनुसार क्रमबद्ध किया गया है। दूसरा तर्क कोई ऑर्डर फ़ंक्शन हो सकता है, ताकि आप किसी भी नियम को सॉर्ट कर सकें।

@see http://docs.angularjs.org/api/ng.filter:orderBy

Answer 3

var module = angular.module("example", []); 

module.controller("orderByController", function ($scope) { 
    $scope.orderByValue = function (value) { 
     return value; 
    }; 

    $scope.items = ["c", "b", "a"]; 
    $scope.objList = [ 
     { 
      "name": "c" 
     }, { 
      "name": "b" 
     }, { 
      "name": "a" 
     }]; 
     $scope.item = "b"; 
    }); 

http://jsfiddle.net/Nfv42/65/

Answer 4

जो कोई तीसरी परत में चर सॉर्ट करने के लिए चाहता है के लिए:

<select ng-option="friend.pet.name for friend in friends"></select> 

आप इसे इस

<select ng-option="friend.pet.name for friend in friends | orderBy: 'pet.name'"></select>