การเรียงลำดับดร็อปดาวน์ตัวอักษรใน AngularJS

ฉันเติมรายการแบบหล่นลงผ่านการใช้ตัวเลือก ng- ซึ่งติดกับตัวควบคุมที่จะเรียกบริการ น่าเสียดายที่ข้อมูลที่เข้ามามีความยุ่งเหยิงและฉันจำเป็นต้องเรียงลำดับตามตัวอักษร

คุณคิดว่าสิ่งที่ต้องการ$.sortByจะทำ แต่น่าเสียดายที่มันไม่ได้ทำแจ็ค ฉันรู้ว่าฉันสามารถจัดเรียงมันผ่าน javascript ด้วยวิธีผู้ช่วยเหลือfunction asc(a,b)หรืออะไรทำนองนั้น แต่ฉันปฏิเสธที่จะเชื่อว่าไม่มีวิธีที่จะทำความสะอาดได้ดีกว่านี้และฉันไม่ต้องการที่จะขยายตัวควบคุมด้วยวิธีการช่วยเหลือ มันเป็นสิ่งพื้นฐานในหลักการดังนั้นฉันจึงไม่เข้าใจว่าทำไม AngularJS ไม่มีสิ่งนี้

มีวิธีทำบางอย่างเช่น$orderBy('asc')?

ตัวอย่าง:

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

มันจะมีประโยชน์มากในการมีตัวเลือกorderByเพื่อให้คุณสามารถทำสิ่งที่คุณต้องการทุกครั้งที่คุณพยายามเรียงลำดับข้อมูล

เชิงมุมมีorderByกรองที่สามารถนำมาใช้เช่นนี้

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

ดูซอนี้เป็นตัวอย่าง

เป็นที่น่าสังเกตว่าหากtrack byมีการใช้งานจะต้องปรากฏขึ้นหลังorderByตัวกรองเช่นนี้

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

คุณควรใช้ตัวกรอง: orderBy

orderByสามารถยอมรับตัวเลือกที่สามสำหรับการreverseตั้งค่าสถานะ

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

รายการที่นี่จะถูกจัดเรียงตามคุณสมบัติ 'ชื่อ' ในลำดับที่กลับรายการ อาร์กิวเมนต์ที่ 2 สามารถเป็นฟังก์ชันการเรียงลำดับใดก็ได้เพื่อให้คุณสามารถเรียงลำดับในกฎใดก็ได้

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

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/

สำหรับทุกคนที่ต้องการเรียงลำดับตัวแปรในเลเยอร์ที่สาม:

<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>