2つの異なるレイアウトを持つAngular Jsアプリケーション

Question

私は、複数のモジュールを持つ大きなangularJsアプリケーションに取り組んでいます。問題は、今私はそのアプリケーションに静的なウェブサイトを含める必要があり、そのウェブサイトは私のアプリケーションとは全く違ったレイアウトを持っているということです。

私はいくつかのR & Dを行なったし、あるangular.bootstrap

https://docs.angularjs.org/api/ng/function/angular.bootstrap

にほとんど依存していたが、私のアプリケーションのNG-ビューがない身体にhtmlタグで宣言され、私のレイアウトを促進されるいくつかの答えを見つけました以下に述べるように。

<div ui-view="header"> 
</div> 
<div class="clearfix"> 
</div> 
<!-- BEGIN CONTAINER --> 
<div class="page-container"> 
    <!-- BEGIN SIDEBAR --> 
    <div class="page-sidebar-wrapper" ui-view="sidebar"> 
    </div> 
    <!-- END SIDEBAR --> 
    <!-- BEGIN CONTENT --> 
    <div class="page-content-wrapper"> 
     <div class="page-content" ui-view="content"> 
     </div> 
    </div> 
    <!-- END CONTENT --> 
</div> 

が、ウェブサイトの構造はそう誰もがどのように私は2つのNGを使用することができますよりもはいている場合

は私のindex.htmlで2 NG-のビューを使用する必要があり、このような状況に取り組む方法を提案してくださいすることができ、この構造は全く異なりますHTMLタグで宣言中の-views。

ありがとうございます。

Answer 1

あなたの説明はネストされたビューに似ていますか？ネストされたビューをサードパーティ製のモジュールを使用する必要がある場合は、デフォルトルータでサポートしていません。