javascript - 排序不适用于下拉菜单

Question

我的 angular.js web 应用程序中有一个下拉菜单，如下所示:

<select ng-model="script"
        ng-options="s as s[1].shortDescription for s in objs | orderBy:'toString()'" 
        ng-change="updateParam()">
</select>

其中数组中的对象的类型为

["test1", {shortDescription: "first test", longDescription: "AAAAAAAA"}]

我想按每个条目的 shortDescription 属性进行排序。问题是排序不起作用。

更新1

示例数据

["test1", {shortDescription: "first test", longDescription: "AAAAAAAA"}]
["test2", {shortDescription: "2nd test", longDescription: "BBBB"}]
["test3", {shortDescription: "3rd test", longDescription: "CCCC"}]

Answer 1

看起来您想要以下内容

| orderBy: 'shortDescription'

您按属性shortDescription排序的位置。请参阅orderBy docs了解更多信息。这是一个简单的示例来演示这一点...

<select ng-model="script"
        ng-options="s as s.shortDescription for s in objs | orderBy: 'shortDescription'">
</select>

<小时/>

$scope.objs = [{shortDescription: "first test", longDescription: "AAAAAAAA"},
               {shortDescription: "aaa short", longDescription: "BBBBBB"}] 

JSFiddle Link - 工作示例