html - Semantic-ui メニューと Angularjs ngRoute

Question

AngularJS でセマンティック UI を使用していますが、セマンティック 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'
        });
}]);

/test/test1 を使用してサイトに移動するとドロップダウン メニューが機能しますが、/login を使用してサイトに移動し、ページをリロード (ctrl+r) するとドロップダウン メニューが機能しません。この問題の原因は何ですか?