Angularjs 如何正确使用第一个登录页面？

我有以下HTML结构

<% include header.html %>
<% include sidebar.html %>

<div class="robust-content content container-fluid">
  <div class="content-wrapper">
    <div class="content-header row"></div>
    <div class="content-body" ui-view></div>
  </div>
</div>

<% include footer.html %>

我应该做第一个登录页面，其中只有空白页面和第一个安装向导，没有页眉，页脚和侧边栏。在另一页中，它们存在

我愿意使用ui.router，但在这种情况下，我应该将所有页面包装到ui视图中

是否可以将整个页面包装到ui视图中（包括页眉和页脚），然后根据需要在每个模板中定义它

问它，因为你想在某个地方定义页眉、页脚和侧边栏。以后只需更改内容。

解决方案是

app.js

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

    $urlRouterProvider.otherwise('/dashboard');
    $stateProvider
    .state('dashboard', {

        templateUrl: './pages/index.html'
    })
    .state('dashboard.home', {

        url: '/dashboard',
        templateUrl: './pages/dashboard.home.state.html'
    })
    .state('setup', {

       url: '/setup',
       templateUrl: './pages/setupwizard/setupwizard.html',
       controller: 'setupWizardController'
    });
});

index.html

<div id="app" ui-view></div>  

<div ng-include="'pages/commons/header.html'"></div>
<div ng-include="'pages/commons/sidebar.html'"></div>

<div class="robust-content content container-fluid">
     <div class="content-wrapper">
         <div class="content-header row"></div>
         <div class="content-body" ui-view></div>
     </div>
</div>

<ng-include src="'pages/commons/footer.html'"></ng-include>

<div class="row">
     <div class="col-lg-12 col-md-12 col-xs-12">
         <div class="widget-holder">

         </div>
     </div>
</div>

页面/index.html

<div id="app" ui-view></div>  

<div ng-include="'pages/commons/header.html'"></div>
<div ng-include="'pages/commons/sidebar.html'"></div>

<div class="robust-content content container-fluid">
     <div class="content-wrapper">
         <div class="content-header row"></div>
         <div class="content-body" ui-view></div>
     </div>
</div>

<ng-include src="'pages/commons/footer.html'"></ng-include>

<div class="row">
     <div class="col-lg-12 col-md-12 col-xs-12">
         <div class="widget-holder">

         </div>
     </div>
</div>

页面/dashboard.home.state.html

<div id="app" ui-view></div>  

<div ng-include="'pages/commons/header.html'"></div>
<div ng-include="'pages/commons/sidebar.html'"></div>

<div class="robust-content content container-fluid">
     <div class="content-wrapper">
         <div class="content-header row"></div>
         <div class="content-body" ui-view></div>
     </div>
</div>

<ng-include src="'pages/commons/footer.html'"></ng-include>

<div class="row">
     <div class="col-lg-12 col-md-12 col-xs-12">
         <div class="widget-holder">

         </div>
     </div>
</div>

若用户进入仪表板，他将永远无法进入设置向导（第一次除外），所以标题等总是加载一次