1

我将 Semantic-UI 与 AngularJS 一起使用,但语义-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)时,下拉菜单不起作用。这个问题的原因可能是什么?

4

1 回答 1

1

我解决了这个问题。我有多个控制器,并且 ui.dropdown 仅在其中一个中使用以下代码进行了初始化:

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

在其他控制器中添加此代码解决了它。

于 2014-10-14T17:54:36.840 回答