关于angularjs路由的问题。

Question

最近做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里写那段代码之外还有没有其他方法实现先进入页面显示的是登陆页面。

Answer 1

1、在login页面时将<div class="nav" />隐藏

1. index.html中只存在<div ui-view></div>，

将导航 + <div ui-view></div> + <footer /> 新建一个app路由，其他页面为app的子路由，