Angular URL Provider und Mmenu funktioniert nicht zusammen

Question

Ich versuche, Sidebar Menü auf der Website zu zeigen. Es erscheint jedoch nicht.

App Code:

appModule.config([ 
'$stateProvider', '$urlRouterProvider', 
function ($stateProvider, $urlRouterProvider) { 

    // Default route (overrided below if user has permission) 
    $urlRouterProvider.otherwise("/home"); 

    $stateProvider.state('home', { 
     url: '/home', 
     templateUrl: '~/App/common/views/home/index.cshtml', 
     menu: 'Home' 
    });} 

HTML und JS-Code:

<script type="text/javascript" src="~/custom/js/jquery.mmenu.min.all.js"></script> 

@* Below JS is for slide out menu *@ 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#menu").mmenu({ 
      "slidingSubmenus": false, 
      "offCanvas": { 
       "zposition": "front", 
       "pageSelector": "#page" 
      } 
     }); 
    }); 
</script> 

<a href="#menu" class="navbar-brand"> 
       <button class="navbar-toggle" type="button"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </a> 


<nav id="menu"> 
    <ul> 
     <li><a href="/application#/home">test</a></li> 
    </ul> 
    </nav> 

Hier ist die Website, die ich bekomme:

http://mmenu.frebsite.nl/examples.html

Answer 1

Leider Code-Menü und war nicht in der Layoutseite. Als ich mich bewegte, fing es plötzlich an zu arbeiten.