最近做angularjs的项目遇到一个跳转页面时出现了问题。
先一进页面，是登陆页面，然后登陆之后是详情。
附上代码：
index代码：
<div ng-controller="navbarCtrl">

    <div class="nav">
        <ul>
            <li><a ui-sref="home">XXXX</a></li>
            <li><a ui-sref="dataMonitor.liveMonitor">XXXXX</a></li>
            <li><a ui-sref="transStatic.traQuaSta">XXXXX</a></li>
            <li><a ui-sref="qualityStatic.dataQualityStatic">XXXXX</a></li>
            <li><a ui-sref="systemSetting.modifyStation">XXXX</a></li>
            <li><a ui-sref="faultFeedback.fauFeedback">XXXX</a></li>
        </ul>
    </div>
<div ui-view></div>
<div class="footer">
</div>

</div>

login路由设置：

'use strict';
angular.module("App")
.config(function ($stateProvider) {

$stateProvider
  .state('login', {
    url: '/login',
    abstract:true,
    templateUrl: 'app/main/account/loginNew.html'
  })
  .state('loginNew', {
    url: '/loginNew',
    templateUrl: 'app/main/account/login.html'
  })

})

默认路由设置：

.config(function ($stateProvider, $urlRouterProvider,$httpProvider) {

    $urlRouterProvider
        .otherwise('/loginNew');
})

设置完之后刷新项目，还是会出现index中的那个li列表，想知道除了不在index里写那段代码之外还有没有其他方法实现先进入页面显示的是登陆页面。