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"> 

現在頂級的聯繫工作和子菜單儘管存在不顯示。