javascript - Angularjs:ng-options:如何使用组和非组订购选项

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 .