語義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(); 

添加該代碼在其他控制器解決它。