Build a menu which changes based on url path and params

manpreet Best Answer 3 years ago

Is there a good tutorial on how to create a menu in angularjs, the menu should only appear on few pages, for example:

localhost/web (is the page which shows all my projects)
 because I don't have any project selected I don't get a sidemenu

localhost/web/1 (is the main page of a project)
  because I've selected project 1 I can see a sidemenu.

My links in the sidemenu will have the projectID

Project Settings(url) -> localhost/web/1/settings
web.settings({projectID: projectID})

And many others, the sidemenu will show in all that pages where a project id is selected.

manpreet 3 years ago

   $scope.menus = {
                     "syllabus":[{name:"Chapters",url:"",class:"fa fa-folder-open"},{name:"Q&A",url:"url",class:"fa fa-folder-open"},{name:"syllabus 3",url:"url 1",class:"fa fa-folder-open"}],
                    };


$scope.sub_menus = [];
    $scope.setSubMenu =function(menu){
         $scope.sub_menus = $scope.menus[menu];
    }

app.directive('subMenu', ['$compile', function($compile) {
    return {
        restrict: 'EA',
        template: '
 
url}}">  {{sb.name}}
' +
            '
',
        compile: function() {
            return {
                post: function($scope) {

                }
            }
        }
    }
}]);