最初のログインページを正しくするには？

Question

私は、最初のセットアップウィザードを使用しただけで空白のページは、ヘッダー、フッター、サイドバーなしで存在する最初のログインページを、行う必要があります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-viewにラップする必要があります。

ヘッダーとフッターを含め、ページ全体をui-viewにラップして、必要に応じてすべてのテンプレートに定義するのもいいですか？

ヘッダー、フッター、サイドバーを一度どこかに定義したいからです。後で内容を変更してください。

Answer 1

ソリューションは

app.js

index.htmlを

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 class="row"> 
    <div class="col-lg-12 col-md-12 col-xs-12"> 
     <div class="widget-holder"> 

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

dashboard.home.state.html、ヘッダなどの負荷ので、一度いつも。