Angularjs：ng-options：如何订购带有组和非组的选项答案

【问题标题】：Angularjs: ng-options: How to order options with group and non-groupAngularjs：ng-options：如何订购带有组和非组的选项
【发布时间】：2014-12-25 23:20:44
【问题描述】：

我的 ng-options 组看起来像这样

    <select ng-model="selected" ng-options="d.title group by d.group for d in data"></select>

这是我的数据

$scope.data = [
    {
        group:"",
        title:"No GroupA"
    },
    {
        group:"Group_1",
        title:"1"
    },
    {
        group:"",
        title:"No GroupB"
    },
    {
        group:"Group_2",
        title:"2"
    },
    {
        group:"",
        title:"No GroupC"
    }
];

问题在于，这会在此选择菜单的底部创建 optgroup，而不是与我的数据列表相同的顺序。

No GroupA
No GroupB
No GroupC
[Group_1]
 1
[Group_2]
 2

我想生产：

No GroupA
[Group_1]
 1
No GroupB
[Group_2]
 2
No GroupC

这里是Fiddle

谢谢！

【问题讨论】：

我的回答对你有帮助吗？
谢谢你，@denisazevedo

标签： javascript angularjs ng-options

【解决方案1】：

据我所知，您不能在组内和组外进行混合选择。

您可以为这些选项创建一个通用组：

<select ng-model="selected" 
        ng-options="d.title group by (d.group ==='' ? 'No_Group' : d.group) for d in data">
</select>

这是您更新后的fiddle。

【讨论】：