jQuery的智能菜单不Angularjs

Question

工作

我已经把这段代码的HTML头部分：

<script src="lib/smart-menus/jquery.smartmenus.min.js"></script> 
<script type="text/javascript"> 
     $(function() { 
      $('#main-menu').smartmenus({ 
       subMenusSubOffsetX: 1, 
       subMenusSubOffsetY: -8 
      }); 
     }); 
</script> 
<link href="lib/smart-menus/sm-core-css.css" rel="stylesheet" /> 
<link href="lib/smart-menus/sm-blue.css" rel="stylesheet" /> 

和身体：

<nav id="main-nav" role="navigation"> 
     <div id="main-menu" class="sm sm-rtl sm-blue"> 
      <ul> 
       <li><a ui-sref="site.home">Home</a></li> 
       <li ng-repeat="menu in menus"> 
        <a href='#'>{{menu.Title}}</a> 
        <ul ng-show="getHasSubMenus(menu)"> 
         <li ng-repeat="subMenu in menu.SubMenus"> 
          <a ui-sref="site.shopbycategory({ departmentID: subMenu.DepartmentID , categoryID: subMenu.CategoryID, searchTerm: '' })"> 
           {{subMenu.Title}} 
          </a> 
         </li> 

        </ul> 
       </li> 
       <li><a ui-sref="site.contact">Contacts</a></li> 
      </ul> 
     </div> 
    </nav> 

在页面控制器

我：

function siteController($scope, $location, $rootScope, Account, $state, $stateParams, Site, $timeout) { 

    $timeout(function() {    
     $scope.getMenus(function() { // OnSuccess     
      $('#main-menu').smartmenus('refresh');     
     }); 
    }, 1);} 

另外我在其他脚本之前加入了jQuery 1.12。我可以验证angularjs在IE中使用F12将所有菜单添加到主菜单div中，但是页面中没有显示任何内容，并且我没有从这些代码中得到任何错误。我的代码是否正确？

Answer 1

我改变：

<div id="main-menu" class="sm sm-rtl sm-blue"> 
     <ul> 

到：

<ul id="main-menu" class="sm sm-rtl sm-blue"> 

现在顶级的联系工作和子菜单尽管存在不显示。