ng-options中的角度顺序值

时间:2017-06-30 15:11:03

标签: angularjs

我有以下包含Objets的Object:

var myObj = {
    1:{ 
        id:1,
        name:'John',
        otherVal='LoremIpsum'
    },
    2:{
        id:2,
        name:'Bill',
        otherVal='LoremIpsum'
    },
    3:{
        id: 3,
        name:'Steve',
        otherVal='LoremIpsum'
    }};

我通过以下方式在选择字段中显示这些对象内name的值:

<select name="someName" ng-model="someModel"
        ng-options="person.id as person.name for person in myObj"
    <option value=""></option>
</select>

如何按值<option>按字母顺序对name进行排序?

1 个答案:

答案 0 :(得分:2)

这很简单。

只需使用下面的代码更新您的代码。

   <select name="someName" ng-model="someModel"
           ng-options="person.id as person.name for person in myObj | orderBy:'name'"
           <option value=""></option>
   </select>

转到:Sorting dropdown alphabetically in AngularJS