Angularjs：ng-options：如何使用group和non-group命令选项

Question

我的群组通过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

谢谢！

Answer 1

据我所知，你不能在组内和组内都有混合选择。

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

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

这是您更新的fiddle。