Angular: Empty Fiddle

http://angularjs.org/

by pkozlowski_opensource

HTML

<div ng-controller="AdminController">
    <ul class="list-holder">
        <li ng-repeat="section in sections" ng-class="{active : isSelected(section)}">
            <a ng-click="setMaster(section)">{{section.name}}</a>
        </li>
    </ul>
    <hr>
    {{selected | json}}
</div>

CSS

.active {
    background-color: orange;
}

JavaScript

function AdminController($scope) {
    $scope.sections = [
        {name: 'Clients'},
        {name: 'Employees'},
        {name: 'Others'}];

    $scope.setMaster = function(section) {
        $scope.selected = section;
    }

    $scope.isSelected = function(section) {
        return $scope.selected === section;
    }
}