<optgroup> Support?

[Siyfion]

Assuming that I have a collection of elements with a group property, is there a way to use 'ng-options' in such a way that it will produce correct '' tags? As I can't think of a way of doing this...

[robinfhu]

If you're options array has a "group" attribute, you can define ng-options like so:

ng-options='o.value as o.label group by o.group for o in model.options'

[ilanbiala]

@Siyfion does this work?

[dkavanagh]

Sort of... doesn't honor "as" and uses index as value instead. Trying to see what's angular's fault though: https://docs.angularjs.org/api/ng/directive/ngOptions

[webeng]

The "group by" worked for me.

[bent10]

You can use "group by" expression

{
  "teams": [
    {"name": "Johan", "email": "johan@mail.com", "group": "one"},
    {"name": "Mala", "email": "mala@mail.com", "group": "two"},
    {"name": "Saimin", "email": "saimin@mail.com", "group": "one"},
    {"name": "Dolah", "email": "doll@mail.com", "group": "three"},
    {"name": "Abah", "email": "abah@mail.com", "group": "three"}
  ]
}

then use

ng-options="t.name group by t.group for t in teams"

[leocaseiro]

Thanks @robinfhu @bent10

I've made a plunkr for it: http://plnkr.co/edit/j0yIif?p=preview