angular.module('sba-menu', []) .directive("sbaMenu", function() { return { restrict: 'E', templateUrl: "/sbadirective/load/sba-menu.html", scope: { myMenu: '=' }, controller: function($scope, $http, $filter, $routeParams, $location) { $scope.menu = $scope.myMenu; $scope.currentPage = ''; if ($routeParams.page !== undefined) { $scope.myMenu.currentPage = $routeParams.page; }else{ $scope.myMenu.currentPage = ($scope.myMenu.default ? $scope.myMenu.default : ''); } $scope.setMenuItem = function(item) { $scope.myMenu.currentPage = item.name; $location.url(item.href); } $scope.getMenuItem = function(item){ return ($scope.myMenu.currentPage == item.name); } } } });