2014-10-30 5 views
5

साथ विकल्पों ऑर्डर करने के लिए मैं एनजी-विकल्पों के आधार पर अपना समूह है इसAngularJS: एनजी-विकल्प: कैसे समूह और गैर समूह

<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" 
    } 
]; 

समस्या है यह है कि यह इस चयन मेनू की बोतलों पर ऑप्टग्रुप बनाता है, न कि मेरी डेटा सूची के समान आदेश।

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

धन्यवाद है!

+0

क्या मेरा उत्तर आपकी मदद करता है? – denisazevedo

+1

धन्यवाद, @denisazevedo – YvonneYu

उत्तर

3

जहाँ तक मुझे पता है, आपके पास समूह के भीतर और बिना मिश्रित चयन विकल्प नहीं हो सकते हैं।

आप इन विकल्पों के लिए एक सामान्य समूह बना सकते हैं:

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

यहाँ अपने अद्यतन किया जाता है fiddle