Angularjs: ng-lựa chọn: Làm thế nào để đặt hàng lựa chọn với nhóm và không thuộc nhóm

Question

Tôi có nhóm của tôi bằng cách ng-options trông như thế này

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

Đây là dữ liệu của tôi

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

vấn đề là điều này tạo ra các optgroup trên dưới cùng của menu chọn này, không phải thứ tự giống như danh sách dữ liệu của tôi.

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

tôi muốn sản xuất:

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

Đây là Fiddle

Cảm ơn!

Answer 1

Theo như tôi biết, bạn không thể có lựa chọn hỗn hợp - tùy chọn trong và không có nhóm.

Bạn có thể tạo một nhóm chung cho các tùy chọn này:

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

Dưới đây là cập nhật của bạn fiddle.