单击菜单项列表，它将路由到登录页面

Question

当我们点击菜单项列表时，它会路由到登录页面：

我该如何解决这个问题？

这是我的侧边模板：

    <ul class="page-sidebar-menu  page-header-fixed page-sidebar-menu-hover- 
     submenu " data-keep-expanded="false" data-auto-scroll="true" data- 
     [enter image description here][1]slide-speed="200">  
         <li class="nav-item" data-ng-repeat="menu in sideBarCntrl.menuList">
            <a href="#/{{menu.menuUrl}}" class="nav-link nav-toggle">
                <i class="{{menu.menuIcon}}"></i> 
                <span class="title"> {{menu.menuDisplayName}}</span> 
                <span class="arrow"></span>
            </a>
            <ul class="sub-menu">
                <li class="nav-item" data-ng-repeat="childmenu in menu.childMenuItems">
                    <a href="#{{childmenu.menuUrl}}" class="nav-link ">
                        <span class="title">{{childmenu.menuDisplayName}}</span>
                    </a>
                </li>                    
            </ul>
        </li>         
    </ul>  

这是我的侧面命令列表指令，使用ASP.Net调用Api：

 sideBarCntrl.getMenuList = function() {
            user.allowWeb = true;
            dashboardService.getMenuList(user).then(function(response) {
                //console.log(response.data);
                sideBarCntrl.menuList = response.data;
                angular.forEach(sideBarCntrl.menuList, function(value, key) {
                    if ($state.current.url == ('/' + value.menuUrl)) {
                        value.isActive = true;
                    }
                })
            }, function(error) {
                if (error.data.message) {
                    toastr.error(error.data.message);
                }
            });
        }

Answer 1

我建议您使用ng-href代替href。这样，即使用户在AngularJS评估代码之前单击链接，您也确信链接不会中断。