语义UI菜单和Angularjs ngRoute

Question

我正在使用AngularJS的语义UI，并且我有一个semantic-ui菜单问题。 index.html文件中，我定义主菜单：

<div class="ui inverted tiered menu">   
     <a class="active item" href="#/login"> 
      <i class="sign in icon"></i> Login 
     </a>    
     <div class="ui dropdown item"> 
      <i class="users icon"></i> TEST <i class="icon dropdown"></i> 
      <div class="menu"> 
       <a class="item" href="#/test/test1"><i class="add icon"></i>Dodaj</a> 
      </div> 
     </div> 
    </div> 
    ... 
    <div ng-view></div> 

在app.js我：

hrmApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('/login', { 
      templateUrl: '/login.html', 
      controller: 'LoginController' 
     }). 
     when('/comment', { 
      templateUrl: '/test.html', 
      controller: 'TestController' 
     }). 
     otherwise({ 
      redirectTo:'/login' 
     }); 
}]); 

当我用浏览到网站/测试/测试1然后在下拉菜单中的作品然而，当我使用/登录导航到该网站，然后重新加载页面（ctrl + r），然后下拉菜单不起作用。可能是这个问题的原因是什么？

Answer 1

我解决了这个问题。我有多个控制器和ui.dropdown是initalized只在下面介绍使用代码其中之一：

$('.ui.dropdown').dropdown(); 

添加该代码在其他控制器解决它。