Optgroup

angular.js example of optgroup

by jamey777

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc9.js"></script>
<div ng-controller="SelectCtrl">

</div>

CSS

#sg-navigation {
    background-color: #eee;
    min-width: 100px;
    float: left;
    margin: 0px;
    padding: 1%;  
}
.sg-nav-main {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.sg-nav-main h2 
{
    font-size: 1.0em;
    margin: 0px;
    padding: .66em 0 0em 0;
}

.sg-nav-main ul {
    margin: 0px;
    padding-left: 1em;
}

.sg-nav-sub 
{
    line-height: 1.5em;
    font-size: .9em;
    list-style: none;
}

JavaScript

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

app.run(function ($rootScope)
{
    $rootScope.selectedCategory = 'featured';
});

function SelectCtrl($scope, $rootScope)
{
    $scope.category = $rootScope.selectedCategory;
    
    $scope.$watch('category', function (newVal, oldVal) {
        $rootScope.selectedCategory = newVal;
    });
}

function SomethingElseCtrl($scope, $rootScope, $location){
    $scope.goBack = function(){
        $location.path("#/Select");
    }
}