Javascript 具有两种不同布局的Angular Js应用程序

我一直在研究大型angularJs应用程序，它有多个模块。问题是，现在我必须在那个应用程序中包含静态网站，那个网站的布局和我的应用程序完全不同

我做了一些研究，发现了一些答案，这些答案主要依赖于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>

但是网站的结构和这个结构完全不同，所以有人能建议如何解决这个问题吗

我应该在index.html中使用两个ng视图吗？如果是，那么在html标记中声明时如何使用两个ng视图

---

谢谢

您所描述的是嵌套视图吗？默认路由器不支持哪一种，因此如果要使用嵌套视图，则必须使用第三方模块。

您所描述的是嵌套视图？默认路由器不支持的，因此如果要使用嵌套视图，则必须使用第三方模块。

使用

ui路由器

进行嵌套视图。然后，您可以定义一个主视图、设置该视图中布局的两个主状态以及每个状态/布局具有子视图的子状态。对于嵌套视图，请使用

ui-router

。然后，可以定义一个主视图、设置该视图中布局的两个主状态以及每个状态/布局的子视图的子状态。