2017-08-19 16 views
0

私は、次のルートを持っている:角度JS UIルータテンプレートエラー

$stateProvider 
    .state('access', { 
     abstract: true, 
     url: '/access', 
     templateUrl: 'login.html' 
    }) 
    .state('access.signin', { 
     url: '/signin', 
     templateUrl: 'tpls/signin.html', 
     data: { 
      authorizedRoles: [USER_ROLES.all] 
     } 
    }); 

$urlRouterProvider.otherwise('/access/signin'); 

をその後、私のプロジェクトは、次のようになりますこのテンプレートは次のようになります:

<div class="logo"> 
    <a href="index.html"> 
     <img src="./assets/pages/img/logo-big.png" alt=""/> </a> 
</div> 
<!-- END LOGO --> 
<!-- BEGIN LOGIN --> 
<div class="content" ui-view> 
</div> 

私はこれを実行したときしかし、それは私のテンプレートとdoesntの使用などのindex.htmlをロードし、このlogin.html

誰もがIVEが間違って行って何を教えてもらえますか?なぜこれが起こっているのでしょうか?あなたは複数の名前付きビューを使用する必要があり、このためので、あなたが、あなたのアプリケーションで複数のレイアウトを持っているあなたの質問に尋ねたよう

+0

テンプレートのためには、JSとCSSファイルを含める必要はありません。また、 'ng-app'は必要ありません。このテンプレートはindex.htmlファイルに似ています。 【このサンプル(https://stackoverflow.com/questions/39445949/controller-does-not-work-in-route/39446042#39446042)および[このサンプル(http://plnkr.co/edit/参照BjIEXXGt7Akh0LuplPFv?P =プレビュー) –

+0

@Hadi IVEは私が探しています何 –

+0

@Hadiが完全にレイアウトを変更することで、私の質問をudated。 index.htmlの中にあるHTMLのいずれも表示されませんように –

答えて

1

$stateProvider  
.state('report', {  
    views: {  
    'filters': { ... templates and/or controllers ... },  
    'tabledata': {},  
    'graph': {},  
    }  
}) 

詳細については、documentをお読みください。