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

Question

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

我做了一些研发，发现了一些主要依赖于angular.bootstrap的答案

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

但是我的应用程序的ng-view在html标签中声明而不是在body中，并且我的布局如下所述。

<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-views，而不是在html标记中声明时如何使用两个ng-views。

谢谢

Answer 1

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