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

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

我怎样才能解决这个问题

---

这是我的侧菜单模板：

    <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>  

---

我建议在您的案例中使用

ng href

而不是

href

。通过这种方式，您可以确保即使用户在AngularJS评估代码之前单击链接，链接也不会断开。

请发布您的app.config路由部分，以了解问题并为您提供更好的解决方案。此外，我建议您不要将图像附加到托管url。在上载之前，请尝试模糊Url或裁剪图像。还有一个发现是，模板中有href=“#/{{menu.menuUrl}}”反斜杠。我相信控制器也会通过menu.menuUrl再加上一个斜杠，这可能会导致问题。请检查。谢谢伊曼纽尔·基鲁巴哈兰桑克都德我工作很好。给我提供替代解决方案

 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);
                }
            });
        }