我将 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)时,下拉菜单不起作用。这个问题的原因可能是什么?