Dropdown group by

by Michael Bazos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <select ng-model="template" ng-options="template.name group by template.type for template in templates">
        <option value=''>Select a template</option>
    </select>
</div>

JavaScript

angular.module('demoApp', []).controller('DemoController', function ($scope) {

    $scope.templates = [{
        type: 'Email',
        name: 'Template u1'
    }, {
        type: 'Email',
        name: 'Template u2'
    }, {
        type: 'System',
        name: 'Template s1'
    }, {
        type: 'Email',
        name: 'Template u3'
    }, {
        type: 'System',
        name: 'Template s2'
    }, {
        type: 'System',
        name: 'Template s3'
    }];
});