It’s relatively easy to create a select in Ember.js using Ember.Select.
The question is, how do I make this into a grouped select, using an optgroup. I don’t think this is built in, but I’m guessing it’s possible with some modifications to the template.
Here’s the solution that I came up with. https://gist.github.com/3297425
I had to make two collections. One grouped and the other just content so that the proper option can be selected.
And then flatten the content from groupedServiceCodes down to maintain order for the select:
This is a bit of a hack, and I think Ember is wanting for a better solution, but this works for me. I would love to hear thoughts on improving this.