ng-options with group sample

by Annie Lagang

HTML

<div ng-controller="myCtrl">
    <select
        ng-model="myOption"
        ng-options="value.id as value.label group by value.group for value in myOptions">
            <option>--</option>
    </select>
    <div>
        ng-model value: {{myOption}}
    </div>
</div>

JavaScript

var app = angular.module('myExample', []);

function myCtrl($scope) {
    $scope.myOptions = [{
            "id": 106,
            "group": "Group 1",
            "label": "Item 1"
        },{
            "id": 107,
            "group": "Group 1",
            "label": "Item 2"
        },{
            "id": 110,
            "group": "Group 2",
            "label": "Item 3"
        }];
    
};