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

Question

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

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

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

但是我的应用程序的 ng-view 是在 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-views吗？在html标签中声明时如何使用两个ng-views。

谢谢

Answer 1

你所描述的就像嵌套 View ？默认路由器不支持，因此如果您想使用嵌套 View ，则必须使用第三方模块。